/*******************************************************************************

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Default Styles
		1.5 Image replacement
		1.6 Rounded corner
		1.7 Buttons
		1.8 Date Picker

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer
		2.7 FancyBox

	3. PAGES
		3.1 Home - Signed Out
		3.2 Home - Signed In
		3.3 Sign In
		3.4 Sign Up 1
		3.5 Sign Up 2
		3.6 Sign Up 3 Error
		3.7 Sign Up Facebook
		3.8 Sign Up Twitter
		3.9 Sign Up Twitter 2
		3.10 Browse
		3.11 Help
		3.12 Person Catalog
		3.13 Person Followers
		3.14 Photo
		3.15 Search Results
		3.16 Store
		3.17 Thing
		3.18 Find Friends
		3.19 Invite
		3.20 Promotions
		3.21 Settings
		3.22 Lists
		3.23 Add
		3.24 Recommended
		3.25 Reset Password
		3.26 Help Deals
		3.27 Store Directory 2
		3.28 Notifications
		3.29 Notifications 2
		3.30 Deals
		3.31 Deals - Locked
		3.32 Deal Details - Locked
		3.33 Deal Details - Unlocked
		3.34 Deal - Buy
		3.35 Deal - Buy (Success)
		3.36 Deal - Create
		3.37 Deal - Create (Processing)
		3.38 Deal - Dashboard (Approved Waiting)
		3.39 Deal - Dashboard (Finished)
		3.40 Lists - Catalogs

	4. MOBILE
	5. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, 
.hide {
	position: absolute;
	top: -999em;
	left: -999em;
	height: 1px;
	width: 1px;
}

.hidden {
	display: none;	
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
#header .inner:after,
#navigation ul:after,
.search-box:after,
.pagination:after,
.wrapper-content:after,
#content:after,
.figure-row:after,
.figure-featured:after,
.thing-section .wrapper-actions:after,
.footer-nav:after,
.page-deal-finished .summary:after,
.page-deal-finished .details li:after,
.page-deal-finished .gallery:after,
.page-deal-create form .row:after,
.notifications.altered .row:after,
.deals .figure-product .remaining:after,
.deal-buy .item:after,
.deal-buy .process ul:after,
.deal-buy form .row:after,
.deal-buy form .row .cards:after,
.deals .button-container:after,
.deals .gallery .items:after,
#showpopup .button-container:after,
.follow-popup:after,
.follow-popup .inner:after,
.follow-popup fieldset:after,
.browse-alternate .follow-section:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}


/* 1.4 Default Styles
------------------------------------------------------------------------------*/

html {
	background: #f0f0f0;
}

body {
	font: 12px/1.25 "微软雅黑", Helvetica, Arial, sans-serif;
	color: #373d48;
	background-color:#f0f0f0;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th,
td {
	vertical-align: middle;
}

th {
	font-weight: normal;
	text-align: left;
}

address,
cite,
dfn {
	font-style: normal;
}

abbr,
acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input,
textarea,
select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

button {
	cursor: pointer;
}

a,
a:visited {
	text-decoration: none;
	color: #1f518e;
	cursor: pointer;
}

a:hover,
a:active,
a:focus {
	text-decoration: underline;
}

.left {
	float: left;
}

.right {
	float: right;
}

h1 {
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #eceef4;
	font: bold 18px/24px "微软雅黑", Helvetica, Arial, sans-serif;
}

h1:first-child {
	margin-top: -6px;
}

.loading h1 {
	margin-bottom: 4px;
	padding-bottom: 13px;
	font-size: 15px;
}

h2 {
	padding: 0 0 10px 0;
	font: bold 13px/16px "微软雅黑", Helvetica, Arial, sans-serif;
}

h2.msg {
	text-align: center;
}

p {
	padding: 0 0 10px 0;
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
}

img.right {
	margin: -10px 0 0 18px;
}


/* 1.5 Image replacement
------------------------------------------------------------------------------*/

.ir {
	position: relative;
	overflow: hidden;
	padding: 0;
}

.ir span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.mn-browse span{
	background-attachment: scroll;
	background-image: url(../../images/feground/arrow-hover.png);
	background-repeat: no-repeat;
	background-position: 45px 37px;		
}
/* 1.6 Rounded corner
------------------------------------------------------------------------------*/

.rounded-corner,
.search-box .search .wrapper-text,
#navigation li li a,
#content,
.wrapper-content,
.btn,
.btn-follow,
.btn-following,
.btn-previous,
.btn-next,
.btn-more,
.teaser .secondary,
.teaser .join-now,
.signup-message strong,
.followup-message,
.search-box .search .btn-submit,
.page-deal-processing strong,
.page-deal-finished strong,
.deals .figure-product .view-deal,
.deal-buy .process,
.gallery .enlarge,
#showpopup .unlock {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


/* 1.7 Buttons
------------------------------------------------------------------------------*/

a.follow-link,
a.follow-link:visited,
a.following-link,
a.following-link:visited {
	font-size: 13px;
	color: #588cc7;
	text-decoration: none;
	outline: none;
}

a.follow-link:hover,
a.follow-link:active,
a.follow-link:focus,
a.following-link:hover,
a.following-link:active,
a.following-link:focus {
	color: #1f518e;
}

a.button {
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 22px;
	padding: 8px 0 10px 0;
	width: 200px;
	color: #fff;
	font: bold 18px/22px '微软雅黑', Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.remove_me {
	background: url(../../images/feground/checkmark.png) no-repeat left top;
	color: transparent;
	display: block;
	top: 72px;
	margin-left: -27px;
	left: 50%;
	position: absolute; 
	text-indent: -9999px;
	text-transform: uppercase;
	height: 54px;
	width: 54px;
}

a.button span {
	display: inline-block;
	margin: 0 0 0 12px;
}

a.button-follow span,
a.button-follow:hover span,
a.button-following span,
a.button-following:hover span,
a.button-following span,
a.button-following:hover span,
a.button-follow span,
a.button-follow:hover span {
	height: 16px;
	width: 40px;	
}

a.button-follow span {
	float: left;
	margin-top: 4px;
	background: url(../../images/feground/buttons_sprite.png) no-repeat 0 0;
}

a.button-following span {
	float: left;
	margin-top: 4px;
	height: 16px;
	background: url(../../images/feground/buttons_sprite.png) no-repeat 0 -35px;	
}

a.button-following:hover span {
	background: url(../../images/feground/buttons_sprite.png) no-repeat 0 -71px;	
}

a.button-follow span,
a.button-following span {
	margin-top: -1px;
}

a.button-follow span,
a.button-follow:hover span {
	float: left;
	height: 26px;
	background: url(../../images/feground/buttons_sprite.png) no-repeat 1px -114px;	
}

a.button-following span {
	float: left;
	height: 26px;
	background: url(../../images/feground/buttons_sprite.png) no-repeat 1px -157px;
}

a.button-following:hover span {
	height: 26px;
	margin-bottom: 0;
	background: url(../../images/feground/buttons_sprite.png) no-repeat 0 -238px;
}

a.button-follow {
	background: url(../../images/feground/bg_button.png) no-repeat;
	text-indent:-9999px;
}

a.button-follow:hover,
a.button-follow:hover,
a.button-following:hover /*add by joon*/
 {
	background: url(../../images/feground/bg_button.png) -200px 0 no-repeat;
	text-indent:-9999px;
}
a.button-following {
	background: url(../../images/feground/bg_button.png) -400px 0 no-repeat;
	text-indent:-9999px;
}
/*a.button.following:hover, OLD tie*/
a.button-following:hover{
	background: url(../../images/feground/bg_button.png) -600px 0 no-repeat;
	text-indent:-9999px;
}

a.button.next,
a.button.prev {
	height: 14px;
	width: 100px;
	padding: 6px 0 12px;
	font: bold 15px '微软雅黑', Helvetica, Arial, sans-serif;
	text-align: center;
	background: #588cc7;
}

a.button.next span,
a.button.prev span {
	display: inline-block;
	height: 11px;
	width: 7px;
	margin: 0 0 0 5px;
	background: url(../../images/feground/buttons_sprite.png) no-repeat 0 -199px;
}

a.button.prev span {
	margin: 0 5px 0 0;
	background-position: 0 -215px;
}

a.button.next:hover,
a.button.prev:hover {
	background: #3e73b7;
}

a.button.send,
a.button.cancel{
	height: 20px;
	width: auto;
	padding: 8px 20px 12px 20px;
	font-size: 15px;
}

a.button.send {
	margin-right: 10px;
	background: #588cc7;
}

a.button.cancel {
	background: #8a8f9c;
}

/* 1.9 Date Picker
------------------------------------------------------------------------------*/

/* Component containers
----------------------------------*/
.page-deal-create .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.page-deal-create .ui-widget .ui-widget { font-size: 1em; }
.page-deal-create .ui-widget input, .page-deal-create .ui-widget select, .page-deal-create .ui-widget textarea, .page-deal-create .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.page-deal-create .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../../images/feground/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.page-deal-create .ui-widget-content a { color: #333333; }
.page-deal-create .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../../images/feground/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.page-deal-create .ui-widget-header a { color: #ffffff; }

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../../images/feground/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../../images/feground/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../../images/feground/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../../images/feground/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../images/feground/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../../images/feground/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../../images/feground/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../images/feground/ui-icons_ffd27a_256x240.png); }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*

/* positioning */

.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0 0px;
}
#header .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0 5px;
}

.wider .container,
.wider #header .inner {
	width: 960px;
}

.container {
	padding-top: 0px;
}

/* 2.2 Header
------------------------------------------------------------------------------*/

/* Layout */
#header {
	
	width: 100%px;
	z-index: 10;
	margin: 0 auto !important;
	background: #000 url(../../images/feground/bg_header.png) repeat-x 50% 100%;
	padding: 0;
	height: 86px;
}

.no-subnav #header {
	margin-bottom: 19px;
}

#header .inner {
	padding: 0;
}

..page-home .container {
	padding-top: 0px;
}

.page-home.old .container {
    padding-top: 270px;
}


/* Logo */
#header .site-name {
	margin: 0;
	padding: 0;
	border: none;
	font: normal 10px/35px "微软雅黑", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

#header .site-name, #header .site-name a, #header .site-name span {
    color: #FFFFFF;
    display: block;
    float: left;
    height: 37px;
    position: relative;
    width: 193px;
    z-index: 10;
	margin-top: 9px;
}

#header .site-name a {
	font-size: 10px;
	outline: none;
}

#header .site-name span {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	background: url("../../images/feground/logo.png") no-repeat scroll center center transparent;
	height:37px;
}
#header a.site-name span {
	cursor: pointer;
}

/* Search box */
.search-box {
    border-left: medium none !important;
    border-right: medium none !important;
	*width:280px;
}

.search-box input {
	background-color: #EEEEEE !important;
    float: left;
    height: 26px !important;
    margin: 6px;
    padding: 0 !important;
    width: 200px !important;	
}

.search-box .trigger {
	display: block;
	height:40px;
	outline: none;
}

.search-box  span {
	height: 40px;
	background: #000 url(../../images/feground/search.png) 0px 0px;
}

.search-box .trigger:hover span {
	background-position: 0 0;
}

.sb-expand .trigger span,
.sb-expand .trigger:hover span {
	height: 50px;
	background-position: -83px -50px;
}

.search-box .search {
	float: right;
	width: 680px;
	height: 0;
	overflow: hidden;
	margin: 0 -38px 0 -42px;
	margin: 0;
	padding: 0;
}

.sb-expand .search {
	overflow: visible;
}

.search-box .search label {
	position: absolute;
	top: -9999em;
}

.search-box .search .text {
	display: block;
	float: left;
	width: 564px;
	padding: 5px 8px;
	margin: 0 0 0 7px;
	font: normal 15px/1.0 "微软雅黑", Helvetica, Arial, sans-serif;
	color: #000;
	border: 3px solid #000;
	background: #fff;
	outline: none;
}

.search-box .search .text:focus {
	border-color: #588cc7;
	color: #000;
}

.search-box .search p {
	padding: 5px 0 0 10px;
	clear: both;
	color: #8a8f9c;
}

.search-box .search .btn-submit {
	display: block;
	float: right;
	width: 80px;
	height: 30px;
	margin: 2px 0 0 0;
	padding: 0;
	border: none;
	font: bold 15px/30px Arial, sans-serif;
	color: #fff;
	background: #588cc7;
	cursor: pointer;
}

.search-box .search .btn-submit:hover {
	background: #3e73b7;	
}

.search-box .search label.check {
	position: relative;
	top: 0;
}

.search-box .search #collection {
	margin-left: -4px;
	margin-right: 5px;
}

/* Search box : wider */
.wider .search-box .search {
	width: 920px;
}

.wider .search-box .search .text {
	width: 800px;
}

.user-box {
	color: #000;
    font: 13px/39px Helvetica,"微软雅黑",Arial,sans-serif;
    height: 41px;
    outline: medium none;
    padding: 0 15px;
}
.user-box ul {
	float:right;
    position: relative;
}
.user-box li {
    border-right: 1px solid #303540;
    float: right;
    height: 41px;
}
.user-box  .trigger {
    bottom: -40px;
    display: block;
    float: right;
    height: 41px;
    outline: medium none;
    position: absolute;
    right: 61px;
    color: #FFFFFF;
    text-decoration: none;
}

.user-box  a {
    color: #C4C7CC;
    display: block;
    font: 13px/39px Helvetica,"微软雅黑",Arial,sans-serif;
    height: 41px;
    outline: medium none;
    padding: 0 15px;
    text-align: center;
}
.user-box a:hover {
	text-decoration: none;
	color: #fff;
	background: #303540;
}

.user-box .current a {
	cursor: default;
}
.msg-Area {
	padding:45px 150px 0 40px !important;
}
.msg-Area table {
	font-size:12px;
}
.msg-Area table thead tr{
	border-bottom:1px  dashed #7AC943;
	height: 30px;
}
.msg-Area table tr {
	border-bottom:1px  dashed #7AC943;
	height: 100px;
}
.msg-title {
	font-size:30px;	
	padding: 0 0 15px;
}
.msg-type {
	border-bottom: 1px solid #7AC943;
    padding: 10px 40px;
    text-align: right;
	margin-bottom: 20px;
}
.msg-type a {
	padding: 12px 42px;
	color:#4D4D4D;	
}
.msg-type .selected {
	border-bottom: 1px solid #EEEEEE !important;
    border-left: 1px solid #7AC943;
    border-radius: 4px 4px 0 0;
    border-right: 1px solid #7AC943;
    border-top: 1px solid #7AC943;
    padding: 9px 40px;
}
.msg-icon {
    background-attachment: scroll;
    background-image: url("../../images/feground/msg-icon.png");
    background-position: 25px center;
    background-repeat: no-repeat;
    padding-left: 65px !important;
}
.inbox-icon {
    background-attachment: scroll;
    background-image: url("../../images/feground/inbox-icon.png");
    background-position: 25px center;
    background-repeat: no-repeat;
    padding-left: 65px !important;
}
.outbox-icon {
    background-attachment: scroll;
    background-image: url("../../images/feground/outbox-icon.png");
    background-position: 25px center;
    background-repeat: no-repeat;
    padding-left: 65px !important;
}
.vote-user-icon {
    background-attachment: scroll;
    background-image: url("../../images/feground/vote-icon.png");
    background-position: 25px center;
    background-repeat: no-repeat;
    padding-left: 65px !important;
}
.vote-me-icon {
    background-attachment: scroll;
    background-image: url("../../images/feground/vote-me-icon.png");
    background-position: 25px center;
    background-repeat: no-repeat;
    padding-left: 65px !important;
}
.discuss-icon {
    background-attachment: scroll;
    background-image: url("../../images/feground/discuss-icon.png");
    background-position: 25px center;
    background-repeat: no-repeat;
    padding-left: 65px !important;
}
.mn-setting, 
.mn-notice,
.mn-msg,
.mn-signout {
	text-indent: 17px;
}
.mn-setting span {
	background-image: url(../../images/feground/mn-setting.png);
	background-repeat: no-repeat;
	height:50px;
	background-position: center center;
}

.mn-notice span {
	background-image: url(../../images/feground/mn-notice.png);
	background-repeat: no-repeat;
	height:50px;
	background-position: center center;
}

.mn-msg span {
	background-image: url(../../images/feground/mn-msg.png);
	background-repeat: no-repeat;
	height:50px;
	background-position: center center;
}

.mn-signout span {
	background-image: url(../../images/feground/mn-signout.png);
	background-repeat: no-repeat;
	height:50px;
	background-position: center center;
}


/* Notifications counts */
#header .notification-count {
	display: block;
	float: left;
	margin: 7px 0 0 14px;
	min-width: 11px;
	padding: 0 4px;
	height: 20px;
	line-height: 19px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	border: 2px solid #fff;
	color: #fff;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	background: #f32a10;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4503), to(#e81220)); 
	background-image: -webkit-linear-gradient(top, #ff4503, #e81220); 
	background-image:    -moz-linear-gradient(top, #ff4503, #e81220); 
	background-image:     -ms-linear-gradient(top, #ff4503, #e81220); 
	background-image:      -o-linear-gradient(top, #ff4503, #e81220); 
	background-image:         linear-gradient(top, #ff4503, #e81220);	
}

#header .notification-count:hover {
	text-decoration: none;
}

#header .notification-count.zero {
	border: 2px solid #707683;
	color: #b3b9c7!important;
	background: #707683!important;
	background-image: none!important;
}

#header .notification-count.zero:hover {
	text-decoration: none;
}

/* 2.3 Navigation
------------------------------------------------------------------------------*/

/* Main navigation */
#navigation,
#navigation ul {
	position: relative;
	float: left;
}

#navigation li {
	float: left;
	height: 41px;
	border-right: 1px solid #303540;
}

#navigation li:first-child {
	border-left: 1px solid #303540;
}

#navigation a {
	display: block;
	height: 41px;
	font: bold 15px/39px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #ccc;
	outline: none;
}

#navigation a span {
	z-index: 2;
	background-image: url(../../images/feground/sprites.png);
	background-repeat: no-repeat;
}

#navigation a:hover,
#navigation .current a {
	text-decoration: none;
	color: #fff;
	background: #303540;
}

#navigation .current a {
	cursor: default;
}

#navigation .mn-home {
	width: 76px;
}

#navigation .mn-browse {
	width: 97px;/*trac#2361*/
}

#navigation .mn-deals {
	width: 81px;
}

#navigation .mn-recommended {
	width: 152px;
}

#navigation .mn-add {
	width: 63px;
}

#navigation .mn-help {
	width: 69px; /*trac#2361*/
}

#navigation .mn-you {
	width: 77px;
	padding: 0 0 0 16px;
	text-align: left;
}

#navigation .mn-signin {
	width: 88px;
}

#navigation .mn-home span {
	background-position: -1px -70px;
}

#navigation .mn-browse span {
	background-position: -78px -70px;
}

#navigation .mn-deals span {
	background-position: -176px -70px;
}

#navigation .mn-recommended span {
	background-position: -258px -70px;
}

#navigation .mn-help span {
	background-position: -820px -70px;
}

#navigation .mn-add span {
	background-position: -411px -70px;
}

#navigation .mn-you span {
	width: 101px;
	background-position: -475px -70px;
}

#navigation .mn-signin span {
	width: 88px;
	background-position: -730px -70px;
}

#navigation .mn-home:hover span,
#navigation .current .mn-home span {
	background-position: -1px -111px;
}

#navigation .mn-browse:hover span,
#navigation .current .mn-browse span {
	background-position: -78px -111px;
}

#navigation .mn-deals:hover span,
#navigation .current .mn-deals span {
	background-position: -176px -111px;
}

#navigation .mn-add:hover span,
#navigation .current .mn-add span {
	background-position: -411px -111px;
}

#navigation .mn-help:hover span,
#navigation .current .mn-help span {
	background-position: -820px -111px;	
}

#navigation .mn-recommended:hover span,
#navigation .current .mn-recommended span {
	background-position: -258px -111px;
}

#navigation .mn-you:hover span,
#navigation .current .mn-you span,
#navigation .you-menu:hover .mn-you span {
	background-position: -475px -111px;
}

#navigation .mn-signin:hover span,
#navigation .current .mn-signin span {
	background-position: -730px -111px;
}

/* User avatar */
#navigation .mn-you img {
	position: absolute;
	z-index: 3;
	top: 8px;
	right: 16px;
	max-width: 20px;
	max-height: 20px;
}

/* Sub navigation */
#navigation li ul,
.no-subnav #navigation li ul {
	position: absolute;
	top: -9999em;
	left: 0;
	white-space: nowrap;
}

/*we don't need it
.wider #navigation li ul {
	min-width: 920px;
}
*/

.page-home #navigation li ul {
	width: 680px;
}

#navigation .current ul {
	top: 50px;
}

#navigation li li,
#navigation li.current li {
	float: left;
	height: auto;
	padding: 0 0 0 12px;
	border: none;
}

#navigation li li:first-child,
#navigation li.current li:first-child {
	padding-left: 0;
}

#navigation li li a,
#navigation li.current li a {
	display: block;
	float: left;
	height: auto;
	padding: 1px 5px 3px 5px;
	font: bold 13px/16px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	color: #4c515c;
	background: none;
	cursor: pointer;
}

#navigation li li a:hover,
#navigation li.current li a:hover,
#navigation li li.current a,
#navigation li.current li.current a {
	color: #fff;
	background: #464c57;
}

#navigation li li.current a,
#navigation li.current li.current a {
	cursor: default;
}

/* Sub navigation : you menu */
#navigation .you-menu {
	position: relative;
}

#navigation .current.you-menu a {
	cursor: pointer;
}

#navigation .you-menu ul,
.no-subnav #navigation .you-menu ul,
.wider #navigation .you-menu ul {
	top: -999em;
	right: -1px;
	left: auto;
	min-width: 125px;
	width: 125px;
	padding: 2px 0 0 0;
	background: #2f3440;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

#navigation .you-menu:hover ul,
.no-subnav #navigation .you-menu:hover ul {
	top: 38px;
}

#navigation .you-menu li,
#navigation .current.you-menu li {
	clear: both;
	width: 100%;
	padding: 0;
	border: none;
}

#navigation .you-menu li a,
#navigation .current.you-menu li a {
	float: none;
	margin: 0;
	padding: 0 20px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none !important;
	color: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#navigation .you-menu li.last a,
#navigation .current.you-menu li.last a {
	padding-bottom: 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

#navigation ul#show-submenu, /*added by joon*/
.wider #navigation .current ul,
.subnav #navigation .current ul {
	min-width: 940px;
	top: 41px;
	margin-left: -4px;
    padding: 9px 0 9px 4px;
    background: url("../../images/feground/bg_body.png") repeat scroll 50% 0 #EEF0F6;
}

.subnav .container {
    padding-top: 85px;
}

/* new main nav */

/* Main navigation */
#navigation-new {
	position: relative;
}

#navigation-new ul {
	position: relative;
	float: left;
	top: 15px;
	padding-left: 168px;
}
#navigation-new .user-info-area {
	float:right !important;	
	position: absolute;
    right: 20px;
    top: 0;
}

#navigation-new li {
    float: left;
    height: 86px;
}

#navigation-new li.marked a {
    color: #FFFFFF;
    font-weight: bold;
    height: 36px;
    line-height: 14px;
    padding-top: 14px;
}

#navigation-new li.marked a span {
	background-color: #7ebd48;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	display: block;
	height: 15px;
	padding: 5px 5px 4px;
}

#navigation-new li:first-child {
}

#navigation-new a {
    color: #636363;
    display: block;
    font: bold 12px/40px Helvetica,"微软雅黑",Arial,sans-serif;
    height: 50px;
    outline: medium none;
    padding: 20px 20px 0;
    text-align: center;
}
.user-info-area a {
    padding: 0 8px !important;
}

.search-box a {
    padding: 0 15px !important;
	float: right;
}

#navigation-new .nav a:hover,
#navigation-new .nav .current a {
	text-decoration: none;
	color: #636363;
	background-attachment: scroll;
	background-image: url(../../images/feground/menu_over.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#navigation-new .current a {
	cursor: default;
}

#navigation-new .mn-you:hover span,
#navigation-new .current .mn-you span,
#navigation-new .you-menu:hover .mn-you span {
	background-position: -475px -111px;
}

#navigation-new .mn-signin:hover span,
#navigation-new .current .mn-signin span {
	background-position: -730px -111px;
}


/* User avatar */
#navigation-new .mn-you img {
	position: relative;
	z-index: 3;
	top: 4px;
	right: 0;
	max-width: 20px;
	max-height: 20px;
}

/* Sub navigation */
#navigation-new li ul,
.no-subnav #navigation-new li ul {
	position: absolute;
	top: -9999em;
	left: 0;
	white-space: nowrap;
}

.wider #navigation-new li ul {
	min-width: 680px;
}

.page-home #navigation-new li ul {
	max-width: 680px;
	width: 680px;
}

#navigation-new .current ul {
	top: 50px;
}

#navigation-new li li,
#navigation-new li.current li {
	float: left;
	height: auto;
	padding:0;
	border: none;
}

#navigation-new li li:first-child,
#navigation-new li.current li:first-child {
	padding-left: 0;
}

#navigation-new li li a,
#navigation-new li.current li a {
	display: block;
	float: left;
	height: auto;
	font: 13px/24px Helvetica, "微软雅黑", Arial, sans-serif;
	text-align: center;
	text-transform: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	color: #c4c7cc;
	background: none;
	cursor: pointer;
}

#navigation-new li li a:hover,
#navigation-new li.current li a:hover,
#navigation-new li li.current a,
#navigation-new li.current li.current a {
	color: #fff;
	background: #464c57;
}

#navigation-new li li.current a,
#navigation-new li.current li.current a {
	cursor: default;
}

/* Sub navigation : you menu */
#navigation-new .you-menu {
	position: relative;
}

#navigation-new .current.you-menu a {
	cursor: pointer;
}

#navigation-new .you-menu ul,
#navigation-new .you-menu ul,
.no-subnav #navigation-new .you-menu ul,
.wider #navigation-new .you-menu ul {
	top: -999em;
	right: -1px;
	left: auto;
	min-width: 95px;
	padding: 2px 0 0 0;
	background: #2f3440;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

#navigation-new .you-menu:hover ul,
.no-subnav #navigation-new .you-menu:hover ul {
	top: 38px;
}

#navigation-new .you-menu li,
#navigation-new .current.you-menu li {
	clear: both;
	width: 100%;
	padding: 0;
	border: none;
}

#navigation-new .you-menu li a,
#navigation-new .current.you-menu li a {
	float: none;
	margin: 0;
	padding: 0 15px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none !important;
	color: #c4c7cc;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#navigation-new .you-menu li.last a,
#navigation-new .current.you-menu li.last a {
	padding-bottom: 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

#navigation-new .you-menu li:hover {
	background: none;
}

.wider #navigation-new .current ul,
.subnav #navigation-new .current ul {
	min-width: 940px;
	top: 41px;
	margin-left: -4px;
    padding: 9px 0 9px 4px;
    background: url("../../images/feground/bg_body.png") repeat scroll 50% 0 #EEF0F6;
}

.subnav .container {
    padding-top: 85px;
}

/* 2.4 Content
------------------------------------------------------------------------------*/

/* Layout */
#content,
.wrapper-content,
.sign.up4 #content {
	margin: 0;
	padding: 20px;
}

.wider #content,
.page-home #content {
	width: 700px;
	margin: 0;
	padding: 20px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.step .wrapper-content {
	min-height:80px !important;	
}
.wrapper-content {
	padding: 0;
	
	background-color: #f0f0f0;
	min-height:400px;
}

.page-home #content {
	width: auto;
	padding: 0;
	background-color:#f0f0f0 ;
}

.page-home .wrapper-content {
	padding: 5px;
	
}

.wrapper-content-title {
    clear: both;
    float: none;
    padding: 15px 0 5px 35px;
}
.wrapper-content-title span {
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 17px;
	padding: 0px 20px 0px 0px;
}

.wrapper-content-title a.sort {
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 17px;
	padding: 0px 20px 0px 14px;
	text-decoration: none;
}

.wrapper-content-title .sort {
    background-attachment: scroll;
    background-image: url("../../images/feground/sort.png");
    background-position: -10px -2px;
    background-repeat: no-repeat;
}

.wrapper-content-title .sort-time-selected {
    background-attachment: scroll;
    background-image: url("../../images/feground/sort.png");
    background-position: 0 -26px;
    background-repeat: no-repeat;
    color: #000000;
    height: 36px;
    line-height: 36px;
    text-indent: 42px;
}
.wrapper-content-title .sort-time {
    background-attachment: scroll;
    background-image: url("../../images/feground/sort.png");
    background-position: 0 9px;
    background-repeat: no-repeat;
    color: #000000;
    height: 36px;
    line-height: 36px;
    text-indent: 42px;
}
.wrapper-content-title .sort-hot {
    background-attachment: scroll;
    background-image: url("../../images/feground/sort.png");
    background-position: 0 -61px;
    background-repeat: no-repeat;
    color: #000000;
    height: 36px;
    line-height: 36px;
    text-indent: 42px;
}
.wrapper-content-title .sort-hot-selected {
    background-attachment: scroll;
    background-image: url("../../images/feground/sort.png");
    background-position: 0 -96px;
    background-repeat: no-repeat;
    color: #000000;
    height: 36px;
    line-height: 36px;
    text-indent: 42px;
}
.page-home .wrapper-content:first-child {
	margin-top: 0;
}

.left-sidebar {
	background-image: url(../../images/feground/separator_grey.png);
	background-repeat: repeat-y;
	background-position: 207px 0;
}

.right-sidebar {
	background: #fff url(../../images/feground/separator_grey.png) repeat-y 680px 0;
}

.left-sidebar #content {
	float: right;
}

.right-sidebar #content {
	float: left;
}

/* Figure */
.figure-product,
.figure-product .fig-image,
.figure-product figcaption strong,
.figure-product figcaption em {
	display: block;
	text-align: center;
}

.figure-row {
	padding: 0 0 10px;
}

.figure-featured {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #eceef4;
}

.figure-product {
	display: block;
	position: relative;
	float: left;
	margin: 0 6px 0 0;
	outline: none;
}

.figure-product:first-child {
	margin-left: 0;
	clear: both;
}

.figure-product a {
	outline: none;
}

.figure-product:hover,
.figure-product a:hover {
	text-decoration: none;
}

.phototipsy a:hover {
	text-decoration: underline;
}

.figure-830,
.figure-830 .wrapper-fig-image {
	width: 830px;
}

.figure-410 {
	width: 410px;
}

.figure-200 {
	width: 230px;
}

.figure-200 .wrapper-fig-image {
	width: 230px;
}

.figure-145 {
	width: 225px;
}

/* figure product : image */
.figure-product .wrapper-fig-image {
	display: table;
	table-layout: fixed;
	overflow: hidden;
}

.figure-product .fig-image {
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

.figure-product .fig-image img {
	vertical-align: middle;	
}

.figure-830 .fig-image {
	width: 830px;
}

.figure-410 .fig-image {
	width: 410px;
	height: 410px;
}

.figure-200 .fig-image {
	width: 230px;
	height: 260px;
}

.figure-145 .fig-image {
	width: 225px;
	height: 225px;
}

.figure-830 img {
	max-width: 830px;
}

.figure-410 img {
	max-width: 410px;
	max-height: 410px;
}

.figure-200 img {
    height: 260px;
    max-height: 260px;
    max-width: 230px;
    width: 230px;
}

.figure-145 img {
	max-width: 225px;
	max-height: 225px;
	height: 240px;
    width: 225px;
}

/* Figure : caption */
.figure-product figcaption {
	padding: 5px 0 0 0;
	color: #373d48;
}

.figure-product figcaption,
.figure-product .username {
	font: normal 12px/18px "微软雅黑", Helvetica, Arial, sans-serif;
}

.figure-featured .figure-product figcaption {
	font-size: 15px;
	font-weight: bold;
	color: #373D48;
}
.userarea {
    bottom: 3px;
    color: #FFFFFF;
    display: block;
    height: 35px;
    left: 0;
    padding: 12px 8px;
    position: absolute;
    right: 0;
}
.userarea-bg {
	 background-color: #000000;	
	 opacity: 0.3;
	     bottom: 0;
   left: 0;
    top: 0px;
    position: absolute;
    right: 0;
}
.rep {
    background-attachment: scroll;
    background-image: url("../../images/feground/rep.png");
    background-position: left 0;
    background-repeat: no-repeat;
    height: 16px;
    margin-left: 20px;
    padding: 0 0 0 17px;
    width: 16px;
}
.vote {
    background-attachment: scroll;
    background-image: url("../../images/feground/vote.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 16px;
    color: #FFFFFF !important;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0;
    position: absolute;
    right: 14px;
    text-align: center;
    text-indent: 0;
    width: 25px;
}
.figure-product .username{
    bottom: 0;
   left: 0;
    top: 0px;
    padding: 12px 8px;
    position: absolute;
    right: 0;
    text-align: left;
}
.figure-product .username a {
	color: #fff;
}

em.count, .figure-product .username em /*trac#2375*/ {
	font-style: normal;
}

.figure-product .username a:hover, .figure-product figcaption:hover {
	color: #588cc7;
}

.figure-product figcaption:hover,
.figure-product .username a:hover {
	text-decoration: underline;
}

.phototipsy .figure-product figcaption:hover {
	text-decoration: none;
}

/* figure product : buttons */
.figure-product .button {
	outline: none;
	-moz-box-shadow: 4px 2px 6px 3px rgba(255,255,255,0.6);
	-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.6);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6);
    display: none;
    left: 50%;
    margin: -20px 0 0 -65px;
    outline: medium none;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 130px;
}

.figure-product a.button span {
	margin-right: -2px;
}

.figure-410 .button {
	top: 155px;
}

.figure-200 .button {
	top: 100px;
}

.figure-145 .button {
	top: 72px;
}

.figure-row .hover .button {
	display: block;
	left: 50%;
}
.figure-product:hover .button {
	display: block;
}
.figure-product:hover .username a {
	color: #fff;
}

.figure-product:hover figcaption {
	color: #1f518e;
}

/* Pagination */
.pagination {
	clear: both;
    padding: 10px;
    text-align: center;
}
.pagination a{
    padding: 10px;
}
.pagination .selected-page{
  	color:#249E4D;
	font-size:12px;
}
.table-action {
	text-align:right;
	 padding: 20px;	
}
.table-action a{
	margin-right:10px;
	color:#009245;
	font-size:12px;
	font-weight: bold;
}
.btn,
.btn-previous,
.btn-next,
.btn-more {
	display: block;
	width: 100px;
	height: 25px;
	padding: 5px 0 0 0;
	font: bold 12px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff !important;
	background: #7EBD48;
}

.btn-more {
	width: 150px;
	margin: 0 auto;
}
.loading {
    background-attachment: scroll;
    background-image: url("../../images/feground/loading.gif");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    font: bold 12px '微软雅黑',Helvetica,Arial,sans-serif;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    padding: 0 0 0 40px;
    vertical-align: middle;
    width: 200px;
}

.btn:hover,
.btn-previous:hover,
.btn-next:hover,
.btn-more:hover {
	text-decoration: none;
	background: #3e73b7;
}

.btn-previous span,
.btn-next span,
.btn-more span {
	display: inline-block;
}

.btn-previous {
	float: left;
}

.btn-previous span {
	padding: 0 0 0 10px;
	background: url(../../images/feground/sprites.png) no-repeat 0 4px;
}

.btn-next {
	float: right;
}

.btn-next span {
	padding: 0 11px 0 0;
	background: url(../../images/feground/sprites.png) no-repeat 100% 4px;
}

#infscr-loading {
	text-align: center;
	position: absolute;
	margin: -40px 0 0 0;
	z-index: 1000;
	width: 640px;
}

/* Signup message */
.signup-message {
	display: none;
	padding: 0 0 20px 0;
}

.signed-out .signup-message {
	display: block;
}

.signup-message strong,
.page-deal-processing strong,
.page-deal-finished strong {
	display: block;
	padding: 6px 10px 8px 10px;
	font: bold 12px/24px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #937F38;
	border: 1px solid #f1e997;
	background: #FFF3C5;
}

.signup-message strong a {
	font-weight: normal;
	color: #588CC7;
}

/* Comments */
.write-comment {
	width: 620px;
}

.write-comment .add-avatar {
	display: none;
	float: left;
	padding-bottom: 20px;
	padding-right: 10px;
}

.write-comment input[type=text] {
	width: 100%;
	padding: 10px;
	border: 1px solid #eceef4;
	font-size: 12px;
	text-align: left;
	color: #588cc7;
}

.comment-list li {
	overflow: auto;
	padding-top: 5px;
	font-size: 12px;
}

.comment-list h4 {
	color: #588cc7;	
}

.comment-list .avatar {
	float: left;
	padding-right: 10px;
}

.comment-list .detail {
	float: left;
	width: 590px;
}

/* Comments */
.comments {
	padding: 10px 0 6px 0;
}

.photo .comments {
	padding-bottom: 0;
}

.comments .vcard {
	display: none;
	float: left;
}

.comments .vcard img {
	display: block;
	float: left;
	max-width: 30px;
	max-height: 30px;
	margin: 0 10px 0 0;
}

.comments .vcard .fn {
	display: none;
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
}

.comments form {
	position: relative;
}

.comments .comment-autocomplete {
	position: absolute;
	left: 40px;
	z-index: 1000;
	margin-top: -16px;
	background: #fff;
	border: 1px solid #8a8f9c;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius:  0 0 5px 5px;
	border-radius:  0 0 5px 5px;
}

.comments .comment-autocomplete li {
	padding: 4px 8px !important;
	color: #8a8f9c;
}

.comments .comment-autocomplete .username {
	color: #1f518e;
}

.comments .comment-autocomplete li:hover,
.comments .comment-autocomplete li.selected {
	background: #373d48;
	color: #fff;
	cursor: pointer;
}

.comments .comment-autocomplete li:hover .username,
.comments .comment-autocomplete li.selected .username {
	color: #fff;
}

.comments .text {
	width: 620px;
	height: 18px;
	margin: 0;
	padding: 5px 8px;
	border: 1px solid #eceef4;
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #588cc7;
}

.comments .msg {
	display: none;
	padding: 1px 0 0 40px;
	font: normal 11px/13px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #8a8f9c;
}

.comments .edit-comment {
	display: none;
	float: left;
	margin: -4px 0 -1px 3px;
	font: normal 11px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #f33;
}

.comments li:hover .edit-comment,
.comments li.hover .edit-comment {
	display: block;
}

/* Comments : focus */
.comments .comment-focus .vcard,
.comments .comment-focus .msg,
.comments-list li .vcard,
.comments-list li .vcard .fn {
	display: block;
}

.comments .comment-focus .text {
	width: 580px;
	border-color: #8a8f9c;
	color: #373d48;
}

/* Comments : listing */
.comments-list li {
	padding: 4px 0 0 42px;
}

.comments-list li:first-child {
	padding-top: 0;
}

.comments-list li .vcard {
	margin: -4px 0 0 0;
}

.comments-list li .vcard img {
	margin: 4px 0 -20px -42px;
}

.comments-list li p {
	clear: left;
	padding-bottom: 8px;
}

.comments-list .comment-focus .vcard .fn {
	display: none;
}

.comments-list li .comment-focus .msg {
	padding-bottom: 8px;
	padding-left: 0;
}

.comments-list .show-edit-comment .inner {
	display: none;
}

/* Modal and tipsy plugin */
input[type=text], textarea, input[type=password] , .dropdown {
	width: 270px;
	margin-bottom: 10px;
	padding: 0 10px;
	border: 1px solid #b4b9c7;
	border-top: 1px solid #8a8f9c;
	font-size: 15px;
	color: #000;	
	background: #fff;
}

input[type=checkbox] {
	margin: 0 5px 0 0px;
	display:inline-block;
}

textarea {
	overflow: auto;
	padding: 10px 0 0 10px;
	resize: none;
}

input[type=text],
input[type=password],
.dropdown {
	padding: 10px 5px;
	height: 18px;
	margin-top:10px !important;
}
label.radio {
	padding: 10px 5px;
	height: 18px;
	display:inline-block;
}
.popup {
	padding: 8px 0;
	background: rgba(0,0,0,0.4);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
	
.popup .inner {
	margin: 0 auto;
	width: 340px;
	padding-bottom: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	background: #fff;
}

.popup h3 {
	cursor: move;
	padding: 10px 0;
	margin: 0 0 15px 0 !important;
	border-bottom: 1px solid #e1e3e8;
	color: #373d48;
	font-size: 15px;
	font-weight: bold;
	background: #eff1f7;
	text-align: center;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.popup form {
	padding: 0 20px;
}

.popup input[type=radio] {
	margin-bottom: 10px;
}

.popup label.error {
	display: block;
	margin: -5px 0 5px 0;
	font-size: 11px;
    color: #ED1C24;
}

.popup input.error {
    background: #FFF1E5;
    border: 1px solid #ED1C24;
    color: #000000;
}

.popup .button.sign {
	margin: 0;
	width: auto;
	padding: 0 20px;
}

/* Show to someone */
#showpopup input[type=text].emailaddress,
#rankpopup input[type=text].emailaddress{
	width: 283px;
	padding-left: 10px;
	margin-top: 10px;
}

#showpopup input[type=text].followusername,
#rankpopup input[type=text].followusername{
	width: 253px;
	padding-left: 40px;
	margin-top: 10px;
	background: #fff url(../../images/feground/avatar_blank.jpg) no-repeat 5px center;
}

#showpopup textarea,
#rankpopup textarea{
	width: 288px;
	height: 67px;	
	margin-bottom: 20px;
}

#showpopup input[type=text].followusername.error,
#rankpopup input[type=text].followusername.error{
	background-color: #FFF1E5; 
}

#showpopup .on-follow,
#rankpopup .on-follow{
	display: none;
}

.ui-autocomplete {
	width: 298px;
	border-top: none;
	border: 1px solid #8a8f9c;
	background: #fff;
}

.ui-autocomplete li.ui-menu-item a {
	display: block;
	height: 30px;
	padding: 2px 5px;
	line-height: 30px;
	font-size: 14px;
	text-decoration: none;
	color: #000;
}

.ui-menu .ui-menu-item a.ui-state-hover, 
.ui-menu .ui-menu-item a.ui-state-active {
	background: #e5eff9;
}

.ui-autocomplete li.ui-menu-item a img {
	float: left;
	margin-right: 4px;
}

.ui-autocomplete li.ui-menu-item a span {
	padding-left: 5px;
	color: #8a8f9c;
}

.tipsy { 
	padding: 5px; 
	font-size: 12px; 
	position: absolute; 
	z-index: 100000; 
}

.tipsy-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: black; 
	color: white; 
	max-width: 350px; 
	text-align: center; 
}
  
.tipsy-inner { 
	border-radius: 3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
}
  
.tipsy-arrow { 
	position: absolute; 
	background: url('../../images/feground/tipsy.gif') no-repeat top left; 
	width: 9px; 
	height: 5px; 
}
  
.tipsy-n .tipsy-arrow { 
	top: 0; 
	left: 50%; 
	margin-left: -4px; 
}

.tipsy-nw .tipsy-arrow { 
	top: 0; 
	left: 10px; 
}
    
.tipsy-ne .tipsy-arrow { 
	top: 0; 
	right: 10px; 
}
  
.tipsy-s .tipsy-arrow { 
	bottom: 0; 
	left: 50%; 
	margin-left: -4px; 
	background-position: bottom left; 
}
    
.tipsy-sw .tipsy-arrow { 
	bottom: 0; 
	left: 10px; 
	background-position: bottom left; 
}
    
.tipsy-se .tipsy-arrow { 
	bottom: 0; 
	right: 10px; 
	background-position: bottom left; 
}
  
.tipsy-e .tipsy-arrow { 
	top: 50%; 
	margin-top: -4px; 
	right: 0; 
	width: 5px; 
	height: 9px; 
	background-position: top right;
}
  
.tipsy-w .tipsy-arrow { 
	top: 50%; 
	margin-top: -4px; 
	left: 0; 
	width: 5px; 
	height: 9px; 
}


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

/* Layout */
.wider #sidebar {
    padding: 10px 10px 0 15px;
    width: 140px;
	border-right: 1px dotted #000000;
}

.left-sidebar #sidebar {
	float: left;
}

.right-sidebar #sidebar {
	float: right;
}

/* Sidebar section */
#sidebar section {
	margin: 0 0 16px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #eceef4;
}

#sidebar section:first-child {
	margin-top: -4px;
}

#sidebar section h2 {
	padding: 0 0 20px 0;
	font: bold 13px/16px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #373d48;
}

/* Sidebar nav */
#sidebar .sidebar-nav {
	margin: 0 -20px 16px -20px;
	padding: 0;
	border-bottom: none;
}

#sidebar .sidebar-nav h2 {
	padding: 0 20px 5px 20px;
	font: bold 15px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: left;
	color: #373d48;
}

.sidebar-nav li {
	padding: 0 0 2px 0;
}

.sidebar-nav a {
	display: block;
	padding: 0 20px;
	font: normal 13px/22px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #1f518e;
}

.sidebar-nav .current a {
	text-decoration: none;
	color: #373d48;
	background: #eceef4;
	cursor: default;
}

/* Sidebar nav : sub navigation */
.sidebar-nav li li,
.sidebar-nav .current li {
	padding: 0 0 0 10px;
}

.sidebar-nav li li a,
.sidebar-nav .current li a {
	line-height: 24px;
	color: #588cc7;
	background: none;
	cursor: pointer;
}

.sidebar-nav li li a:hover,
.sidebar-nav .current li a:hover {
	text-decoration: underline;
}

.sidebar-nav li .current a,
.sidebar-nav .current .current a {
	color: #373d48;
	cursor: default;
}

.sidebar-nav li .current a:hover,
.sidebar-nav .current .current a:hover {
	text-decoration: none;
}

/* Recommended section */
.recommended-section .figure-product {
	float: none;
	margin: 0;
}

.recommended-section .figure-200 .fig-image {
	height: 150px;
}

.recommended-section .figure-200 .button {
	top: 75px;
}

/* Follow section */
.follow-section ol {
	margin: 0 0 7px 0;
}

.follow-section li {
	padding: 26px 0 0 0;
	font: normal 13px/16px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
}

.follow-section li:first-child {
	padding-top: 0;
}

.follow-section a {
	color: #588cc7;
}

.follow-section .vcard a {
	display: block;
	color: #1f518e;
}

.follow-section .vcard img {
	display: block;
	margin: 0 auto;
}

.follow-section .vcard strong {
	display: block;
	padding: 6px 0 0 0;
	color: #1f518e;
}

/* User section */
#sidebar .user-section h2 {
	padding: 0 0 1px 0;
	font: bold 15px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: left;
}

.user-section .link {
	display: block;
	margin: 0 0 17px 0;
	font: bold 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
}

.user-section .stats {
	margin: 0 0 14px 0; /*peter: i changed*/
	padding: 15px 0 0 0;
}

.user-section .stats li {
	font: normal 13px/24px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #373d48;
}

.user-section .stats a {
	color: #588cc7;
}

.user-section .stats strong {
	font-size: 15px;
}

.user-section .stats a strong {
	color: #1f518e;
}

.user-section .stats .current a,
.user-section .stats .current strong {
	text-decoration: none;
	color: #373d48;
	cursor: default;
}

/* Thing section */
#sidebar section.thing-section {
	margin-top: 0;
	font-size: 13px;
}

.thing-section .thing-info {
	padding: 15px 0 20px;
}

.signed-out .thing-section .thing-info {
	padding: 20px 0 15px; /*trac#2382*/
}

.thing-section .thing-info li {
	line-height: 24px;
}

.signed-out .thing-section .thing-info li {
	line-height: 26px;
}

.signed-out .thing-section .thing-info li a{
	font-size: 15px;
	color: #588cc7;
}

.thing-info .where, 
.thing-info .more, 
.thing-info .show, 
.thing-info .own, 
.thing-info .feature,
.thing-info .list,
.photo .show,
.photo .embed {
	padding-left: 20px;
}

.thing-info .where {
	background: url(../../images/feground/sprites.png) no-repeat 0 -717px;
}

.signed-out .thing-info li a.where {
	background: url(../../images/feground/sprites.png) no-repeat 0 -716px;
	font-weight: bold;
	color: #1f518e;
}

.thing-info .more {
	background: url(../../images/feground/sprites.png) no-repeat 0 -747px;	
}

.thing-info .show, .photo .show {
	background: url(../../images/feground/sprites.png) no-repeat 0 -782px;	
}

.signed-out .thing-info .show {
	background: url(../../images/feground/sprites.png) no-repeat 0 -780px;	
}

.thing-info .own {
	background: url(../../images/feground/sprites.png) no-repeat 0 -1403px;
	outline: none;
}

.thing-info .own:visited {
	text-decoration: none;
}

.thing-info .own:hover {
	text-decoration: underline;
}

.thing-info .own-selected {
	background: url(../../images/feground/sprites.png) no-repeat 0 -1483px;
}

.thing-info .feature {
	background: url(../../images/feground/sprites.png) no-repeat 0 -859px;	
}

.signed-out .thing-info .feature {
	background: url(../../images/feground/sprites.png) no-repeat 0 -857px;	
}

.signed-out .thing-info .list {
	background: url(../../images/feground/sprites.png) no-repeat -400px -714px;	
}

.thing-info .list {
	background: url(../../images/feground/sprites.png) no-repeat -400px -716px;	
}

.photo .embed {
	margin-left: 10px;
	background: url(../../images/feground/sprites.png) no-repeat 0 -903px;		
}

.thing-section .more-info, .thing-section .thing-mine {
	border-top: 1px solid #eceef4;
}

.thing-section .more-info {
	padding-top: 20px;	
}

.thing-section .thing-mine {
	margin-top: 20px;
}

.thing-section .wrapper-actions iframe {
	float: left;
}

.thing-section .twitter-share-button {
	margin: 0 0 0 5px;
}

.thing-section .stumbleupon-button {
	display: inline-block;
	margin: 1px 0 0 8px;
}

.signed-out .thing-section .more-info {
    margin-top: 20px;
    padding-top: 20px;
}

.signed-out #sidebar section {
	border-bottom: 0;
}

.signed-out .thing-section .more-info {
	color: #8a8f9c;
}

.signed-out .thing-section .more-info a {
	color: #588cc7;	
}

/* 2.6 Footer
------------------------------------------------------------------------------*/

/* Layout */
#footer {
	clear: both;
	overflow: hidden;
	padding: 13px 20px 53px 90px;
}

/* Follow twitter */
.follow-twitter {
	display: block;
	float: right;
	padding: 0 0 0 33px;
	font: bold 15px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #1f518e;
	background: url(../../images/feground/sprites.png) no-repeat 0 -200px;
}
.loginArea {
    height: 400px;
    left: 175px;
    position: absolute;
    top: 70px;
    width: 600px;
}
.shareArea {
    height: 551px;
    left: 60px;
    position: absolute;
    top: 70px;
    width: 635px;
}
.share-mark {
	background-color:#FFFFFF;
	opacity:0.5;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.share-mark-line {
	background-color:#FFFFFF;
	opacity:0.8;
	position:absolute;
	left:10px;
	right:10px;
	top:10px;
	bottom:10px;
}
.shareBody {
	position:absolute;
	left:10px;
	right:10px;
	top:10px;
	bottom:10px;
	padding:35px;
}
.share-link {
	display: block;
	float: right;
	padding: 0 0 0 33px;
}

/* Footer nav */
.footer-nav {
	float: left;
}

.footer-nav li {
	float: left;
	padding: 0 0 0 18px;
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #1f518e;
}

.footer-nav li:first-child {
	padding-left: 0;
}

.footer-nav a {
	color: #1f518e;
}

/* 2.7 FancyBox
------------------------------------------------------------------------------*/

#followbox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#followbox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../../images/feground/followbox.png');
}

#followbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#followbox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#followbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#followbox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#followbox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#followbox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#followbox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../../images/feground/followbox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#followbox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#followbox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#followbox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#followbox-left, #followbox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../../images/feground/blank.gif');
	z-index: 1102;
	display: none;
}

#followbox-left {
	left: 0px;
}

#followbox-right {
	right: 0px;
}

#followbox-left-ico, #followbox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#followbox-left-ico {
	background-image: url('../../images/feground/followbox.png');
	background-position: -40px -30px;
}

#followbox-right-ico {
	background-image: url('../../images/feground/followbox.png');
	background-position: -40px -60px;
}

#followbox-left:hover, #followbox-right:hover {
	visibility: visible; /* IE6 */
}

#followbox-left:hover span {
	left: 20px;
}

#followbox-right:hover span {
	left: auto;
	right: 20px;
}

.followbox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#followbox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../images/feground/followbox-x.png');
}

#followbox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../../images/feground/followbox.png');
	background-position: -40px -162px;
}

#followbox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../../images/feground/followbox-y.png');
	background-position: -20px 0px;
}

#followbox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../../images/feground/followbox.png');
	background-position: -40px -182px; 
}

#followbox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../images/feground/followbox-x.png');
	background-position: 0px -20px;
}

#followbox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../../images/feground/followbox.png');
	background-position: -40px -142px;
}

#followbox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../../images/feground/followbox-y.png');
}

#followbox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../../images/feground/followbox.png');
	background-position: -40px -122px;
}

#followbox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.followbox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.followbox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.followbox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#followbox-title-over {
	padding: 10px;
	background-image: url('../../images/feground/follow_title_over.png');
	display: block;
}

.followbox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#followbox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#followbox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#followbox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../../images/feground/followbox.png') -40px -90px no-repeat;
}

#followbox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../../images/feground/followbox-x.png') 0px -40px;
}

#followbox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../../images/feground/followbox.png') -55px -90px no-repeat;
}

/* IE6 */

.followbox-ie6 #followbox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_close.png', sizingMethod='scale'); }

.followbox-ie6 #followbox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_nav_left.png', sizingMethod='scale'); }
.followbox-ie6 #followbox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_nav_right.png', sizingMethod='scale'); }

.followbox-ie6 #followbox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_title_over.png', sizingMethod='scale'); zoom: 1; }
.followbox-ie6 #followbox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_title_left.png', sizingMethod='scale'); }
.followbox-ie6 #followbox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_title_main.png', sizingMethod='scale'); }
.followbox-ie6 #followbox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_title_right.png', sizingMethod='scale'); }

.followbox-ie6 #followbox-bg-w, .followbox-ie6 #followbox-bg-e, .followbox-ie6 #followbox-left, .followbox-ie6 #followbox-right, #followbox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#followbox-loading.followbox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#followbox-loading.followbox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.followbox-ie .followbox-bg { background: transparent !important; }

.followbox-ie #followbox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_shadow_n.png', sizingMethod='scale'); }
.followbox-ie #followbox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_shadow_ne.png', sizingMethod='scale'); }
.followbox-ie #followbox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_shadow_e.png', sizingMethod='scale'); }
.followbox-ie #followbox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_shadow_se.png', sizingMethod='scale'); }
.followbox-ie #followbox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_shadow_s.png', sizingMethod='scale'); }
.followbox-ie #followbox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_shadow_sw.png', sizingMethod='scale'); }
.followbox-ie #followbox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_shadow_w.png', sizingMethod='scale'); }
.followbox-ie #followbox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feground/follow_shadow_nw.png', sizingMethod='scale'); }


/* 2.8 FancyBox
------------------------------------------------------------------------------*/

.follow-button span.follow {
	overflow: hidden;
	display: block; overflow: visible; float: left; width: 56px; height: 20px; margin-right: 1px; font: 11px Arial,sans-serif; background-image: url("../../images/feground/follow_it.png"); background-repeat: no-repeat; color: rgb(84, 123, 170); text-indent: -9999em;
}
.follow-button:hover span.follow { background-position: 0 -21px; }

.follow-button strong {
	display: none; text-decoration: none; overflow: visible; float: left; padding-right: 2px; font: 12px/20px Arial,Helvetica,sans-serif; color: rgb(76, 81, 92); background-image: url("../../images/feground/follow_it.png"); background-position: 100% -126px; background-repeat: no-repeat;
}

.follow-button strong span {
	display: block; min-width: 20px; height: 20px; padding: 0pt 2px 0pt 8px; text-align: center; background-image: url("../../images/feground/follow_it.png"); background-position: 0pt -84px; background-repeat: no-repeat; cursor: pointer; line-height: 1.7;
	font-weight: bold;
}

.follow-button-count strong { display: block; }

.follow-button-fancied span.follow {
	background-position: 0 -42px;
}

.follow-button-fancied:hover span.follow {
	background-position: 0 -63px;
}

/* 3. PAGES

--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home - Signed Out
------------------------------------------------------------------------------*/

/* Clearfix */
.teaser .container:after,
.whos-on-follow ol:after,
.twitter-users:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.stream {
	margin:40px 0 0 15px;
}

.stream-no-title {
    background-image: none !important;
}

/* Stream */
.stream li {
	position: relative;
	min-height: 70px;
}

.stream .vcard {
	position: absolute;
	top: 0;
	left: 0;
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
}

.stream .vcard strong {
	font-weight: normal;
}

.stream .wrapper-photo {
    background-image: url("../../images/feground/vcard.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 0 0 0 -98px;
    padding: 3px;
    width: 78px;
}

.stream .vcard img {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	max-width: 60px;
	max-height: 60px;
}

.stream .vcard .fn {
	position: absolute;
	top: -9999em;
}

/* Stream : comment */
.stream .comment {
	padding: 0 0 34px 0;
}

.stream .comment .vcard {
	position: relative;
	margin: -4px 0 0 0;
}

.stream .comment .wrapper-photo {
	background-position: 100% -164px;
}

.stream .comment .vcard img {
	margin: 4px 0 0 0;
}

.stream .comment .fn {
	position: relative;
	top: 0;
}

.stream .comment p {
	font: italic 15px/18px Georgia, "Times New Roman", Times, serif;
	color: #8a8f9c;
}

/* Whos on follow */
.whos-on-follow h2 {
	margin: -8px 0 0 0;
	padding-bottom: 13px;
	text-align: center;
}

.whos-on-follow ol,
.twitter-users {
	margin: -36px 0 0 -20px;
}

.whos-on-follow li,
.twitter-users li {
	float: left;
	width: 112px;
	margin: 36px 0 0 20px;
	font: normal 13px/16px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
}

.whos-on-follow li a,
.twitter-users li a {
	color: #588cc7;
}

.whos-on-follow li .vcard a,
.twitter-users li .vcard a {
	display: block;
	color: #1f518e;
}

.whos-on-follow .vcard img,
.twitter-users .vcard img {
	display: block;
	margin: 0 auto;
}

.whos-on-follow .vcard strong,
.twitter-users strong {
	display: block;
	padding: 6px 0 0 0;
	/*peter added*/
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('../ellipsis.xml#ellipsis');
    /*end peter added*/
}

.whos-on-follow .vcard strong {
	color: #1f518e;
}

/* Teaser */
.teaser {
	position: relative;
	z-index: 11;
	border-bottom: 1px solid #fff;
}

.old .teaser {
	background: #eef0f6 url(../../images/feground/bg_body.png) repeat 50% 0;
}

.old .teaser .container {
	padding: 20px 0 19px 0;
}

.teaser.alt {
	z-index: 1;
	border-bottom: none;
}

.teaser .container {
	padding: 20px 0 19px 0;
}

.teaser.alt .container {
    height: 10px;
    padding: 0 !important;
}

.signed-out .teaser.alt .container {
	padding: 0 0 20px 85px;
}

.teaser.alt h1 {
	font: bold 32px/1.1 "微软雅黑", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0 0 10px;
}

.teaser.alt h2 {
	font: bold 18px/24px "微软雅黑", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0 0 8px;
}

.teaser.alt p {
	font: normal 18px/1.2 "微软雅黑", Helvetica, Arial, sans-serif;
	color: #8a8f9c;
}

.teaser .button.facebook,
.teaser .button.twitter {
	float: left;
	width: auto;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	font: bold 15px '微软雅黑', Helvetica, Arial, sans-serif;
}

.connect-follow {
	overflow: hidden;
	margin-bottom: 10px;
}

.email-signup {
	float: left;
	margin: 13px 0 0;
	font-size: 13px;
	color: #8a8f9c;
}

.email-signup a{
	color: #588cc7;
}


/* Teaser : primary */
.teaser .primary {
	float: left;
	width: 400px;
	margin: 0 0 0 90px;
}

.teaser .primary h1 {
	width: 154px;
	height: 42px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	text-indent: -9999em;
	background: url(../../images/feground/sprites.png) no-repeat 0 -453px;
}


.teaser .primary h2 {
	font: bold 18px/22px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
}

.teaser .primary h2 em {
	font-style: normal;
	color: #8a8f9c;
}

.teaser .primary p,
.teaser .primary .author {
	padding: 0;
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #8a8f9c;
}

.teaser .primary .author {
	display: block;
}

.teaser .primary .author a {
	color: #588cc7;
}

/* Teaser : secondary */
.teaser .secondary {
	float: right;
	width: 160px;
	padding: 20px 20px 16px 20px;
	background: #e0e4ef;
}

.teaser .secondary h3,
.teaser .secondary p {
	font: normal 13px/15px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
}

.teaser .secondary h3 {
	margin: -2px 0 0 0;
	font-weight: bold;
}

.teaser .secondary p {
	padding-bottom: 8px;
}

.teaser .secondary em {
	font-style: normal;
	color: #8a8f9c;
}

.teaser .secondary em a {
	color: #588cc7;
}

.teaser .join-now {
	display: block;
	margin: 0 0 20px 0;
	padding: 8px 0 8px 0;
	font: bold 18px/24px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	background: #588cc7;
}

.teaser .join-now:hover {
	text-decoration: none;
	background: #3e73b7;
}

/* Welcome message */
.welcome-message {
	margin: -5px 0 25px 0;
	padding: 0 0 100px 0;
	text-align: center;
	background: url(../../images/feground/bg-welcome-message.png) no-repeat 50% 100%;
}

.welcome-message h1 {
	margin: 0;
	padding-bottom: 20px;
	border-bottom: none;
	font: bold 15px/20px "微软雅黑", Helvetica, Arial, sans-serif;
}

.welcome-message p {
	padding-bottom: 20px;
	line-height: 20px;
	color: #8a8f9c;
}

.welcome-message p strong {
	font-size: 15px;
	font-weight: normal;
	color: #373d48;
}

.welcome-message a {
	color: #588cc7;
}

.welcome-message strong a {
	font-weight: bold;
	color: #1f518e;
}

/* Customize */
.customize:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.customize .inner {
	float: right;
	position: relative;
	width: 170px;
	margin: -8px -9px 10px 0;
	text-align: right;
}

.customize .toggle {
	display: inline-block;
	width: 74px;
	padding-left: 12px;
	text-align: left;
	color: #8a8f9c;
	background: url(../../images/feground/sprites.png) 0 -1537px no-repeat;
}

.customize .toggle:hover {
	text-decoration: none;
	color: #588cc7;
	background-position: -300px -1537px;
}

.customize .options {
	position: absolute;
	top: 0;
	left: -999em;
	z-index: 10;
	width: 143px;
	padding: 7px 5px 10px 20px;
	text-align: left;
	border: 1px solid #8a8f9c;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.customize.opened .options {
	left: auto;
}

.customize .options h3 {
	margin: 0 0 8px 5px; 
	color: #393d48;
	font-weight: bold;
	font-size: 13px;
}

.customize .options ul {
	margin-bottom: 10px;
}

.customize .options li {
	margin-bottom: 4px;
	font-size: 13px;
}

.customize .options label {
	margin-left: 2px;
	color: #4c515c;
	vertical-align: middle;
}

.customize .options input {
	vertical-align: middle;
}

.customize .options a.button.send {
	width: 60px;
	padding: 3px 18px 5px 20px;
	margin-left: 13px;
	text-align: center;
}

.new-content {
	display: block;
	position: relative;
	top: 10px;
	margin: 0 0 25px 68px;
    min-height: 40px;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ffde66;
	background: #fff3c5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* 3.3 Sign In
------------------------------------------------------------------------------*/

/* Clearfix */
.sign.twitter-expanded #friends-info p:after,
.sign.up4 #friends-info p:after,
.sign .wrapper-actions:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.sign {
	font-size: 15px;
	color: #8a8f9c;
}

.sign p a,
.sign p a:visited {
	color: #588cc7;
}

.sign.out a {
	font-weight: bold;
	color: #1f518e;
}

.sign.out p {
	padding-bottom: 22px;
	color: #373d48;
}

input:-moz-placeholder,
input::-webkit-input-placeholder,
.placeholder-active {
	color: #b3b9c7;
}

.placeholder-inactive {
	color: #ccc !important;
}

.sign #header {
	margin-bottom: 0;
	padding: 68px 0 0 55px;
	background: none;
}

.sign .wrapper-content {
	background-color:##F0f0f0;	
}

.sign #header .site-name span,
.sign #header .site-name,
.sign .site-name a {
	height: 40px;
	width: 170px;
}

.sign #header .site-name {
	margin: 0 0 0 45px;
	text-indent: -9999px;
}

.sign #header .site-name span {
	background: url(../../images/feground/sprites.png) no-repeat 0 -453px;
}

.sign #content {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding-top: 15px;
}

.sign.twitter-expanded #content {
	width: 640px;
	padding: 20px;
	margin: 0 0 30px 70px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background: #fff;
}

.sign.twitter-expanded #header .site-name,
.sign.up4 #header .site-name {
	margin-left: 35px;
}

.sign.twitter-expanded #friends-info,
.sign.up4 #friends-info {
	margin: 16px 0 20px 90px;
}

.sign.twitter-expanded .button.sign,
.sign.up4 .button.sign {
	margin-top: 0;
}

.sign.twitter-expanded #friends-info h2 {
	margin-bottom: 0;
}

.sign.twitter-expanded #friends-info p,
.sign.up4 #friends-info p {
	padding-bottom: 0;
}

.button.sign.follow-all,
.sign.up4 .button.sign {
	float: left;
	padding: 10px 0;
	height: 20px;
}

.sign.twitter-expanded #friends-info .next-step,
.sign.up4 #friends-info .next-step {
	float: left;
	display: block;
	margin: 0 0 0 20px;
	line-height: 40px;
}

.sign .button {
	font-size: 15px;
}

.sign .figure-product .button {
	font-size: 18px;
}
.reg-F {
    left: 160px;
    position: absolute;
    top: 20px;
}
.sign h2 {
    border-bottom: 1px dotted #9B9B9B;
    color: #373D48;
    font: 24px '微软雅黑',Helvetica,Arial,sans-serif;
    margin: 0 20px;
    padding: 10px;
}

.sign h2 em {
	font-style: normal;
	font-weight: normal;
	color: #8a8f9c;
}

.sign h2:first-child {
	padding-top: 0;
}

.sign.up1 h2 {
	margin: 0;
	padding-bottom: 0;
}

.sign.out h2 {
	padding-bottom: 22px;
}

.sign.up1 p {
	padding-top: 5px;
	font-size: 15px;
	line-height: 20px;
}

.sign.up1 p.first {
	padding-top: 0;
	padding-bottom: 25px;
}

.sign input[type=text],
.sign input[type=password] {
	width: 228px;
}

.sign span.title {
	display:inline-block;
	width:100px;
	text-align:right;
	padding-right:5px;	
}

.sign span.chk {
	display:inline-block;
	width:32px;
	vertical-align: middle;
}
.sign span.message {
	display:block;
	padding-left:110px;
}

.sign span.error {
    color: #FF0000;
    font-family: "宋体";
    font-size: 12px;
}
.reg-step-area {
	padding:10px 30px;
	position:relative;
}
.reg-step-area a{
    color: #4D4D4D;
    display: inline-block;
    font-size: 18px;
    height: 85px;
    line-height: 85px;
    padding: 0 60px 0 60px;
}
.reg-step1 {
	background-attachment: scroll;
	background-image: url(../../images/feground/reg-step1.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.reg-step2 {
	background-attachment: scroll;
	background-image: url(../../images/feground/reg-step2.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.reg-step3 {
	background-attachment: scroll;
	background-image: url(../../images/feground/reg-step3.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.reg-step3F {
	background-attachment: scroll;
	background-image: url(../../images/feground/reg-step3F.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.reg-step4 {
	background-attachment: scroll;
	background-image: url(../../images/feground/reg-step4.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.reg-step4F {
	background-attachment: scroll;
	background-image: url(../../images/feground/reg-step4.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 139px;
	width: 146px;
}
.reg-step5 {
    background-attachment: scroll;
    background-image: url("../../images/feground/reg-step5.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 270px;
    padding: 105px 0 0 110px;
    width: 800px;
}
.reg-step5 a {
    display: inline-block;
    margin-right: 61px;
    width: 170px;
}
.reg-login {
	color:#38B649;
	margin-right:20px;	
}
.button.twitter,
.button.facebook {
	display: block;
	width: 250px;
	margin-bottom: 10px;
	padding: 9px 0;
}

.button.twitter {
	background: url(../../images/feground/button_twitter_bg.jpg) repeat-y;
}

.button.twitter span,
.button.facebook span {
	display: inline-block;
	margin: 0 15px 0 9px;
}

.button.twitter span {
	height: 16px;
	width: 25px;
	margin-bottom: -3px;
	background: url(../../images/feground/sprites.png) no-repeat 0 -361px;
}

.button.facebook span {
	height: 21px;
	width: 24px;
	margin-bottom: -5px;
	background: url(../../images/feground/sprites.png) no-repeat -26px -361px;
}

.button.facebook {
	background: url(../../images/feground/button_fb_bg.jpg) repeat-y;
}

.button.facebook:hover,
.sign.up1 .button.facebook:hover {
	background: #39589a;
}

.button.twitter:hover,
.sign.up1 .button.twitter:hover {
	background: #4fabfc;
}

.button.sign,
.button.submit,
.button.regbutton {
	margin-top: 10px;
	height: 30px;
	line-height: 40px;
	width: 100px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: bold 15px '微软雅黑', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	background: #55b528;
	*display:block;
}
.regbutton {
	background:#ef6e26 !important;
}
.button.sign:hover,
.button.submit:hover,
.button.regbutton:hover {
	background: #3e73b7;
}


.sign.up2 label.username,
.sign.fb label,
.sign label {
	display: block;
	padding: 5px 0 20px 0;
	font-size: 11px;
}

.sign.up2 label.picture {
	display: inline-block;
	font-size: 14px;
	color: #373d48;
}

.sign.up2 .file-wrapper {
	margin: 10px 0;
}

.sign.up2 .forgot-pass {
	float: left;
	padding: 10px 0 0 18px;
	font: normal 13px/40px "微软雅黑", Helvetica, Arial, sans-serif;
}

.sign.fb label {
	padding-bottom: 8px;
}

#message-info img {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.sign.out .return {
	color: #8a8f9c;
}

.sign.out .return a {
	color: #588cc7;
	font-weight: normal;
}

.sign .error,
#create-deal .error {
	margin: 0;
	color: #ed1c24;
}

.sign input.error,
#create-deal input.error {
	color: #000;
	border: 1px solid #ed1c24;
	background: #fff1e5;
}

.sign.fb .button {
	margin-top: 13px;
}

.sign.with-twitter .button {
	margin-top: 0;
}

.signup-avatar {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	margin: 0 0 10px;
}

.aligned {
	float: left;
	margin: 6px 5px 0 0;
}

.sign.fb label.post-fb,
.sign.fb label.follow,
.sign.with-twitter label.post-fb,
.sign.with-twitter label.follow {
	font-size: 13px;
}

.sign.with-twitter label.post-fb,
.sign.with-twitter label.follow {
	padding-bottom: 5px;
}

.sign.fb fieldset div,
.sign.with-twitter div {
	clear: both;
}

/* Sign up 4 */
.sign.up4 .figure-row {
	padding: 20px 0 0 0;
}

.sign.up4 .figure-row:first-child {
	padding-top: 0;
}

.sign .wrapper-actions .button,
.sign .wrapper-actions .follow-thefollow {
	float: left;
}

.sign .wrapper-actions .follow-thefollow,
.sign .wrapper-actions label {
	font: normal 13px/40px "微软雅黑", Helvetica, Arial, sans-serif;
}

.sign .wrapper-actions .follow-thefollow {
	display: block;
	padding: 0 0 0 20px;
}

.sign .wrapper-actions label {
	display: inline;
	padding: 0;
}

.sign .wrapper-actions input {
	float: left;
	margin: 13px 6px 0 0;
}

.sign .wrapper-actions a {
	color: #588cc7;
}

.sign.with-twitter .wrapper-actions {
	padding-top: 10px;
}

/* 3.10 Browse
------------------------------------------------------------------------------*/
.browse-alternate .follow-section h2 {
	font-size: 13px;
	text-align: center;
}

.browse-alternate .follow-section {
	padding: 0 0 30px;	
}

.browse-alternate .follow-section li {
	float: left;
	min-width: 80px;
	margin: 0 20px;
	padding: 3px 0 0;
	text-align: center;
}
.browse-alternate .follow-section .vcard img {
	border-radius: 0px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.category-navigation {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.1;
	border-top: 1px solid #eceef4;
}

.category-navigation li{
	border-bottom: 1px solid #eceef4;
}

.category-navigation li a {
	display: block;
	padding: 8px 0 9px;	
}

.category-navigation li.current{
	padding: 8px 0 9px;	
	font-weight: bold;
	color: #373d48;
	background: url(../../images/feground/sprites.png) no-repeat 100% -856px;
}

.browse-alternate #sidebar .recommended-section {
	border-bottom: none;
}

.browse-alternate .recommended-section .figure-product {
    margin: 0 0 20px;
}

/* 3.11 Help
------------------------------------------------------------------------------*/


/* 3.12 Person Catalog and Followers
------------------------------------------------------------------------------*/

/* Clearfix */
.user-section .description dl:after,
.user-section .promo-section ul:after,
.followers-listing li:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.person-lists {
    background-attachment: scroll;
    background-image: url("../../images/feground/wrapper-content-title.png");
    background-position: 18px top;
    background-repeat: no-repeat;
    margin-top: -23px;
    padding-top: 20px;
}

/* User section : vcard */
.user-section .vcard {
	padding: 4px 0 16px 0;
}

.private .user-section .vcard {
	padding: 4px 0 5px 0;
}

.user-section .vcard dt {
	display: none;
}

.user-action .vcard dt {
	display:inline-block;
	width:55px;
	padding: 4px 0;
	font-weight: bold;
	*float:left;
}

.user-action .vcard dt a, .user-action .vcard dt span{
	display:inline-block;
	width:50px;
	height:16px;
	text-indent: -999px;
	*display:block;
}
.userinfo {
    height: 800px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 60px !important;
}
.vcard-follow-me:hover {
	background-attachment: scroll;
	background-image: url(../../images/feground/follow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.vcard-follow-img:hover {
	background-attachment: scroll;
	background-image: url(../../images/feground/follow.png);
	background-repeat: no-repeat;
	background-position: 0px -24px;
}
.vcard-following-me:hover {
	background-attachment: scroll;
	background-image: url(../../images/feground/follow.png);
	background-repeat: no-repeat;
	background-position: 0px -48px;
}
.vcard-following-img:hover {
	background-attachment: scroll;
	background-image: url(../../images/feground/follow.png);
	background-repeat: no-repeat;
	background-position: 0px -72px;
}
.vcard-follow-me {
	background-attachment: scroll;
	background-image: url(../../images/feground/follow.png);
	background-repeat: no-repeat;
	background-position: 0px -96px;
}
.vcard-follow-img {
	background-attachment: scroll;
	background-image: url(../../images/feground/follow.png);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}
.vcard-following-me {
	background-attachment: scroll;
	background-image: url(../../images/feground/follow.png);
	background-repeat: no-repeat;
	background-position: 0px -144px;
}
.vcard-following-img {
	background-attachment: scroll;
	background-image: url(../../images/feground/follow.png);
	background-repeat: no-repeat;
	background-position: 0px -168px;
}

.user-action .vcard dd {
    display:inline-block;
	width:120px;
	font-weight: bold;
	*float:right;
}

.user-action {
    background-attachment: scroll;
    background-image: url("../../images/feground/user-action-bg.png");
    background-position: 0 top;
    background-repeat: repeat-x;
    margin: 0 -12px 0 -15px !important;
    padding: 10px 5px 1px 15px !important;
}

.user-tag, .user-badges {
    background-attachment: scroll;
    background-image: url("../../images/feground/user-tag-bg.png");
    background-position: 0 top;
    background-repeat: repeat-x;
    margin: 0 -12px 0 -15px !important;
    padding: 6px 5px 1px 15px !important;
}

#sidebar section h2.title {
    color: #373D48;
    font: bold 13px/16px "微软雅黑",Helvetica,Arial,sans-serif;
    padding: 0 0 10px;
    text-align: left !important;
}

.frind-tag {
	border-top:dotted 1px #999999;
	padding:10px 0px;
	margin:10px 0px;
}

.frind-tag a {
	margin: 5px 10px 5px 0px;
	display:inline-block;
}

.frind-tag a span {
	color:#000000;	
}

.user-section .vcard dd,
.user-section .description dt,
.user-section .description dd {
	font: 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
}

.user-section .vcard .user-photo {
	width: 100px;
	height: 60px;
	overflow: hidden;
	padding: 0 0 2px 0;
}

.user-section .vcard .user-photo img {
	display: block;
	float: left;
	max-width: 60px;
	max-height: 60px;
}

.user-section .vcard .user-photo .ico-link {
	display: block;
	float: right;
	margin: 15px 0 0 0;
	outline: none;
}

.user-section .vcard .fn {
	font-size: 15px;
}

.user-section .vcard .role {
	font-weight: normal;
	color: #1f518e;
}

/* User section : description */
.user-section .description {
	margin: 0 0 8px 0;  /*peter: i changed*/
	padding: 15px 0 0 0;
	border-top: 1px solid #eceef4;
}

.private #sidebar section {
	border-bottom: none;
}

.private .user-section .description {
	margin: 15px 0 8px 0;
}


#sidebar .user-section .description h2,
#sidebar .user-section .promo-section h2 {
	font-size: 13px;
}

.user-section .description dt,
.user-section .description dd {
	float: left;
}

.user-section .description dt {
	clear: both;
	padding: 0 3px 0 0;
	font-size: 11px;
}

.user-section .description dd {
	font-weight: normal;
}

.user-section .description p {
	padding: 0 0 10px 0;	
}

/* User section : promo section */
.user-section .promo-section {
	padding: 15px 0 0 0;
	border-top: 1px solid #eceef4;
}

.user-section .promo-section ul {
	margin: 0 0 0 -10px;
}

.user-section .promo-section li {
	float: left;
	padding: 10px 0 0 10px;
}

.user-section .promo-section img {
	float: left;
	margin: 0;
	padding: 0;
}

/* Followers listing */
.followers-listing,
.signed-out #content .followers-listing {
	padding: 0 0 20px 0;
}

.followers-listing h1 {
	margin-bottom: 0;
	padding-bottom: 12px;
	font-size: 15px;
	text-align: center;
}

.followers-listing li{
	position: relative;
	padding: 20px 180px 20px 80px;
	border-bottom: 1px solid #eceef4;
}

.signed-out #content .followers-listing {
	border-top: 1px solid #eceef4;	
}

.signed-out #content .followers-listing li{
	position: relative;
	padding: 10px 180px 10px 80px;
	height: 60px;
	border-bottom: 1px solid #eceef4;
}

.followers-listing li .follow-link,
.followers-listing li .following-link,
.signed-out #content .followers-listing li .follow-link,
.signed-out #content .followers-listing li .following-link {
	position: absolute;
	top: 18px;
	right: 0;
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #588cc7;
}

.followers-listing li .url {
	display: block;
	margin: -4px 0 0 0;
}

.followers-listing li img {
	float: left;
	margin: 4px 0 0 -80px;
}

.followers-listing li .fn {
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #8a8f9c;
}

.followers-listing li strong,
.followers-listing li strong.fn {
	font-size: 15px;
	font-weight: bold;
	color: #1f518e;
}

.followers-listing li .note {
	padding: 0;
}

.followers-listing li a:hover {
	text-decoration: none;
}

.followers-listing li a:hover strong,
.followers-listing li .follow:hover  {
	text-decoration: underline;
}

.catalog p{
	margin: 0 20px 10px;
}

.catalog ul {
	margin: -5px 0 10px 48px;
	list-style: disc;
}

.catalog ul li {
	padding: 0 0 5px;
	list-style: disc;
}

.catalog#showpopup a.button.ok,
#rankpopup a.button.ok  {
	margin-left: 20px;
}

.rank span {
	padding: 3px 6px 5px 6px; 
	font-size: 11px; 
	color: #86cb00; 
	background-color: #e5ffa0; 
	font-weight: bold; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	cursor: pointer;
}

#rankpopup p {
	margin: 0 0 15px 20px;
}

.private .recommended-who-to-follow h1 {
	padding-right: 14px;
	padding-bottom: 0;
	margin-bottom: 0;
	border: 0;
	font-size: 15px;
	text-align: center;
}

.privacy-message  {
	display: block;
	padding: 20px 20px 20px 70px;
	margin-bottom: 25px;
	font: normal 15px/24px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: left;
	color: #937F38;
	border: 1px solid #f1e997;
	background: #FFF3C5 url(../../images/feground/sprites.png) no-repeat -940px -995px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.privacy-message strong {
	display: block;
	font-size: 18px;
}

.private .recommended-who-to-follow .twitter-users li {
	margin-top: 24px;
}

/* 3.14 Photo
------------------------------------------------------------------------------*/

.photo .figure-row {
	padding: 0 0 20px;
}

.photo .share {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eceef4;
	font-size: 13px;
	text-align: center;
}

.photo .share a:hover {
	text-decoration: underline;
}

.photo h3 {
	margin: 0 0 20px !important;
}

.tagged {
	position: absolute;
	top: 0;
	left: 0;
}

.tagged a {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	text-align: left;
	text-indent: -9999em;
	background: url(../../images/feground/sprites.png) no-repeat -980px -306px;
}

.tagged a.tag-1 {
	top: 85px;
	left: 173px;
}

.tagged a.tag-2 {
	top: 56px;
	left: 282px;
}

.tagged a.tag-3 {
	top: 132px;
	left: 105px;
}

.tagged a.tag-4 {
	top: 148px;
	left: 210px;
}

.tagged a.tag-5 {
	top: 163px;
	left: 444px;
}


/* 3.15 Search Results
------------------------------------------------------------------------------*/

.search-results h1 {
	position: relative;
	min-height: 30px;
	margin-bottom: 29px;
	padding-top: 5px;
	padding-bottom: 18px;
	font-size: 15px;
	line-height: 1.2;
	text-align: left;
	font-weight: normal;
}

.search-results h1 a,
.search-results h1 span {
	font-weight: normal;
}

.search-results h1 span,
.search-results h1 .total-people,
.search-results h1 .total-thing {
	font-size: 13px;
}

.search-results h1 img {
	float: left;
	margin: 3px 10px 0 0;
}

.search-results p {
	margin-top: -4px;
	padding-bottom: 20px;
	font: normal 15px/20px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
}

.search-results .twitter-users {
	margin: -43px 0 20px -26px;
}

.search-results .twitter-users li {
	margin-top: 34px;
}

.search-results .filter-wrapper {
    position: absolute;
    right: 200px;
    top: 7px;
}

.search-results #filter h3 {
    padding: 1px 10px 2px;
}

.search-results #filter {
	line-height: 30px;
}

.search-results #filter.expanded h4 {
    border-top: none;
    font-size: 11px;
    margin-top: 0;
    padding: 6px 0 5px 9px;
}

.search-results .listings li h2 a.username {
	color: #8a8f9c;
}

.search-results .listings li:hover h2 a.username {
    color: #588cc7;
}

.search-results .followers-listing.browse-view {
	margin-top: -30px;
	padding-bottom: 20px;
}

/* 3.16 Store
------------------------------------------------------------------------------*/


/* 3.17 Thing
------------------------------------------------------------------------------*/

.thing .figure-product.big {
	border-bottom: 1px solid #eceef4;
}

.thing .figure-product.big figcaption,
.photo .figure-product.big figcaption {
	font-size: 15px;
	font-weight: bold;
}

.thing .figure-product p {
	margin-top: 5px;
	color: #8a8f9c;
}

.thing .figure-product p a {
	color: #588cc7;
}

.thing .figure-product p a:hover {
	text-decoration: underline;
}

.thing .figure-row.first {
	padding-bottom: 10px;
}

.thing .write-comment input[type="text"] {
	width: 97%;
	height: 10px;
}

.thing h3,
.photo h3 {
	margin: 10px 0 20px 0;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #373d48;
}

.thing .figure-row.follow-suggestions {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eceef4;
}

.thing .figure-row .user {
	float: left;
	width: 80px;
	padding-right: 45px;
	font-size: 13px;
	text-align: center;
}

.thing .figure-row .user a {
	display: block;
}

.thing .figure-row .user a:hover {
	text-decoration: none;
}

.thing .figure-row .user strong {
	color: #1f518e;
}

.thing .figure-row .user a:hover strong {
	text-decoration: underline;
}

.thing .figure-row .user .follow,
.thing .figure-row .user .follow:visited {
	color: #588cc7;
}

.thing .thing-section .more-info h3 {
	font-size: 13px;
	text-align: left;
	font-weight: normal;
	margin: 0;
}

.thing-section .more-info ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.thing-section .more-info ul {
	width: 220px;
	padding-top: 20px;
	margin: 0 0 -20px -20px;
}

.thing-section .more-info li {
	float: left;
	width: 90px;
	margin: 0 0 20px 20px;
	display: table;
    overflow: hidden;
    table-layout: fixed;
    text-align: center;
}

.thing-section .more-info li a span {
	display: table-cell;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 90px;
	height: 90px;
}

.thing-section .more-info li img {
	max-width:  90px;
	max-height: 85px;  /*UPDATED BY JOON*/
	vertical-align: middle;
}

.thing .recently-fancied {
	padding: 0 0 0 20px;
}

.deal-offer {
	padding: 20px 0;
	border-bottom: 1px solid #eceef4;
}
.deal-offer .inner{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff3c5;
	border: 1px solid #ffde66;
}

.deal-offer h3,
.deal-offer p {
	text-align: center;
	margin-bottom: 0;
}

.deal-offer h3 {
	font-size: 13px;
	margin-bottom: 5px;
}

.deal-offer h3 strong,
.deal-offer h3 a {
	color: #1f518e;
	font-size: 14px;
}

.deal-offer img {
	display: block;
	width: 100px;
	height: 30px;
	margin: 0 auto 5px;
}

.deal-offer p {
	padding-bottom: 5px;
	color: #937f38;
}
/* 3.18 Find Friends
------------------------------------------------------------------------------*/

.wider #content.find-friends {

}

#services {
	margin: 0 0 20px 0;
}

#services li {
	float: left;
	margin: 20px 20px 0 0;
}

.searching-friends-inner {
	text-align: center;
}

.searching-friends-inner .spinner {
	display: block;
	position: relative;
	margin: 17px auto 14px auto;
}

.email, 
.facebook-icon {
	display: block;
	height: 32px;
	padding-left: 40px;
	line-height: 32px;
	font-size: 13px;
	font-weight: bold;
}

.email {
	margin-bottom: 5px;
	background: url(../../images/find-friends/social_media_sprite.jpg) no-repeat 0 -255px;
}

.facebook-icon {
	background: url(../../images/find-friends/social_media_sprite.jpg) no-repeat 0 -289px;
}

.facebook, 
.twitter,
.yahoo,
.gmail,
.winlive,
.byemail {
	display: inline-block;
	height: 50px;
	width: 145px;
}

.facebook {
	background: url(../../images/find-friends/social_media_sprite.jpg) no-repeat 0 0;	
}

.twitter {
	background: url(../../images/find-friends/social_media_sprite.jpg) no-repeat 0 -51px;	
}

.yahoo {
	background: url(../../images/find-friends/social_media_sprite.jpg) no-repeat 0 -102px;	
}

.gmail {
	background: url(../../images/find-friends/social_media_sprite.jpg) no-repeat 0 -153px;	
}

.winlive {
	background: url(../../images/find-friends/social_media_sprite.jpg) no-repeat 0 -204px;	
}

.byemail {
	background: url(../../images/find-friends/social_media_sprite.jpg) no-repeat 0 -325px;	
}

.searching-friends-inner #following-actions p {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 30px;
}

.searching-friends-inner .button.sign {
	width: 110px;
	margin-top: 0;
	padding: 5px 0;
}

.searching-friends-inner h1 {
	font-size: 15px;
	margin-bottom: 20px;
	padding-bottom: 13px;
}

.searching-friends-inner .twitter-users {
	margin-top: 0;
}

.searching-friends-inner .twitter-users li {
	margin-top: 0;
	margin-bottom: 0;
	padding: 20px 0 14px 0;
}

.searching-friends-inner.invite h1 {
	font-size: 15px;
	margin-bottom: 0;
	padding-bottom: 15px;
	border: none;
}

.friends-list {
	width: 100%;
	height: 324px;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid #b4b9c7;
	border-top: 1px solid #8a8f9c;
	background: white;
}

.searching-friends-inner fieldset {
	text-align: left;
}

.friends-list h3 {
	overflow: hidden;
	height: 15px;
	padding: 8px 0;
	text-align: left;
	font-size: 13px;
	background: #eff1f7;
}

.friends-list h3 a {
	color: #588cc7;
	text-decoration: none;
}

.friends-list input:focus {
	outline: none;
}

.friends-list ul {
	width: 100%;
	height: 293px;
	padding: 0;
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
}

.friends-list ul li {
	display: block;
	overflow: hidden;
	text-align: left;
	border-bottom: 1px solid #eceef4;
}

.friends-list ul li input {
	float: left;
	margin: 4px 9px 0 5px;
}

.friends-list h3 input {
	float: left;
	margin: 2px 9px 0 5px;
}
.friends-list ul li label {
	display: block;
	position: relative;
	width: 100%;	
	overflow: hidden;
	padding: 8px 0;
	font-size: 15px;
	line-height: 1.1;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}


.follow .friends-list ul li label {
	min-height: 60px;
	padding: 10px 0;
}

.follow .friends-list ul li input {
	margin-top: 24px;
}


.friends-list ul li label strong {
	float: left;
	width: 220px;
	padding-right: 10px;	
	line-height: 1.2;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('../ellipsis.xml#ellipsis');
}

.friends-list ul li label span {
	color: #8a8f9c;
	font-weight: normal;
	float: left;
	width: 350px;
	line-height: 1.2;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('../ellipsis.xml#ellipsis');
}	

.friends-list ul li.selected label {
	font-weight: bold;
	line-height: 1.1;
}

.friends-list ul li:hover {
	background-color: #eff1f7!important;
}

.friends-list input {
	font-size: 13px;
	padding: 4px 5px 6px;
	color: #8a8f9c;
}

/* Find friends Updates */

.searching-friends-inner input {
	color: #8a8f9c;
}
.searching-friends-inner input.sffocus,
.searching-friends-inner input:focus,
.searching-friends-inner .hastext input{
	color: #373d48;	
	background-position: -35px -42px;
}

.searching-friends-inner #comment {
	width: 630px;
	padding: 4px 5px 6px;
	font-size: 13px;
}

.searching-friends-inner #comment.typed {
	color: #373d48;	
}

.searching-friends-inner a.button {
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	margin: 0 0 0 10px;
	padding: 8px 10px 5px;
	height: 21px;
	width: auto;
	color: #fff;
	font: bold 15px/1.1 '微软雅黑', Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	background-color: #588cc7;
}

.searching-friends-inner a.button:hover {
	background-color: #3e73b7;
}

.searching-friends-inner a.button.done {
	background-color: #8a8f9c;	
}

.searching-friends-inner a.button.done:hover {
	background-color: #4c515c;	
}

.searching-friends-inner .form-controls {
	float: right;
}

.notification.invited p{
	font-weight: normal;
}

.notification.invited a {
	font-size: 15px;
}

.searching-friends-inner .friends-list .vcard {
	padding-left: 100px;
}

.searching-friends-inner .friends-list .vcard a,
.searching-friends-inner .friends-list .vcard a .nickname{
	float: left;
	color: #1f518e;
}

.searching-friends-inner .friends-list .vcard a .name,
.searching-friends-inner .friends-list .vcard .follow{
	clear: left;
}

.searching-friends-inner .friends-list .vcard a .name {
	float: left;
	padding: 2px 0 3px;
	width: auto;
	font-weight: normal;
	color: #8a8f9c;
}

.searching-friends-inner .friends-list .vcard a:hover {
	text-decoration: none;
}

.searching-friends-inner .friends-list .vcard a:hover .nickname {
	text-decoration: underline;
}

.searching-friends-inner .friends-list .vcard .follow{
	clear: left;
	display: block;
	color: #67b228;
	font-size: 13px;
}

.searching-friends-inner .friends-list .vcard .photo {
	position: absolute;
	left: 30px;
	top: 10px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;		
}
.searching-friends-inner .following-stuff-list,
.signed-out .following-stuff-list {
	position: absolute;
	right: 10px;
	top: 10px;
	width: auto;
	height: 60px;
}

.searching-friends-inner .following-stuff-list li,
.signed-out #content .followers-listing .following-stuff-list li {
	display: table-cell;
	max-width: 60px;
	max-height: 60px;
	padding: 0 0 0 10px;
	border: 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

.searching-friends-inner .vcard .following-stuff-list li img,
.signed-out .following-stuff-list li img{
    float: none;
    margin: 0;
	max-width: 60px;
	max-height: 60px;
	vertical-align: middle;	
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.signed-out .followers-listing li img {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.signed-out.thing .figure-row.follow-suggestions {
	border-bottom: none;
	padding-bottom: 10px;
}

.signed-out.thing .followers-listing a.follow-user-link{
	color: #588CC7;
	display: block;
	width: 80px;
}

.signed-out.thing .teaser.alt .container {
	padding: 0 0 20px 85px;
}

/* Find - Invite Friends Page */

#find-invite .btn {
	font-size: 13px;
	padding-left: 9px; /*peter changed from 10px*/
	padding-right: 9px; /*peter changed from 10px*/
	width: auto;
}

#find-invite .col {
	overflow: hidden;
	width: 300px;
}

#find-invite .col-heading {
	border-bottom: 1px solid #e1e3e8;
	overflow: hidden;
	padding-bottom: 9px;
}

#find-invite .col-heading h1 {
	float: left;
    border: none;
    font-size: 15px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    width: 196px;
}

#find-invite .col-heading .btn {
	float: right;
	width: auto;
}

.find-friends-list li {
	border-bottom: 1px solid #e1e3e8;
	overflow: hidden;
	padding: 5px 0;
}

.find-friends-list li .vcard {
	float: left;
	height: 30px;
	width: 216px;
}

.find-friends-list li img {
	float: left;
	margin-right: 5px;
}

.find-friends-list li .person {
	display: table-cell;
	vertical-align: middle;
	height: 30px;
}

.find-friends-list li .person .name,
.find-friends-list li .person .friends-email {
	display: block;
	font-size: 13px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('../ellipsis.xml#ellipsis');
    width: 180px;	
}

.find-friends-list li .person .friends-email {
	color: #8a8f9c;
}

.find-friends-list li .btn {
	float: right;
}

#find-invite .pagination {
	padding-top: 8px;
}

#find-invite .pagination a,
#find-invite .pagination a span {
	color: #1f518e;
	background: none;
	width: auto;
	padding-right: 0;
}

#find-invite .col .pagination {
	padding: 8px 0 10px;
}

#find-invite .col .pagination a,
#find-invite .col .pagination span{
	font-size: 13px;
}

#find-invite .btn:focus {
	text-decoration: none;
}

#find-invite .btn.invited,
#find-invite .btn.invited:hover,
#find-invite .btn.following,
#find-invite .btn.following-all {
	background-color: #83c448;
	text-decoration: none;
}



#find-invite .btn.invited,
#find-invite .btn.invited:hover {
	background-color: #83c448;
	cursor: default;
	text-decoration: none;
}


/* 3.19 Invite
------------------------------------------------------------------------------*/

.notification {
	margin: 0 0 10px 70px;
	padding: 10px;
	height: 20px;
	background: #fff3c5;
	border: 1px solid #ffde66;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #937f38;
}

.notification p {
	font-size: 15px;
	font-weight: bold;	
}

.notification a {
	font-size: 13px;
	font-weight: normal;
	color: #588cc7;
}

.email-container {
	height: 320px;
	width: 640px;
	background: url(../../images/invite/bg_envelope.jpg) no-repeat;
}

.email-container form label {
	display: block;
	font: 13px 'Courier New', Courier, monospace;
}

.email-container form {
	padding: 0 40px 0 40px;
	text-align: left;
}

.email-container form .invite-people {
	float: left;
}

.email-container form .message {
	float: right;
}

.email-container form textarea {
	padding: 10px;
	width: 250px;
	font-size: 13px;
}

textarea:-moz-placeholder,
textarea::-webkit-textarea-placeholder {
	color: #b3b9c7;
}

#message-info {
	padding: 40px 40px 20px 40px;
	text-align: left;
}

#message-info p {
	padding: 0;
	font: bold 15px 'Courier New', Courier, monospace;
	color: #8a8f9c;
}

#message-info p strong {
	color: #373d48;
}

#message-info img {
	float: left;
	margin-right: 10px;
}

.email-container .button.sign {
	float: right;
	width: 148px;
	height: 30px;
}


/* 3.20 Promotions
------------------------------------------------------------------------------*/

/* Clearfix */
.promotions-list:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/* Promotions listting */
.promotions-list {
	margin: 0 -4px 0 -20px;
	padding: 18px 0 0 0;
}

.promotions-list li {
	float: left;
	width: 150px;
	height: 140px;
	margin: 0 0 0 16px;
	padding: 0;
	text-align: center;
}

.promotions-list img {
	display: block;
	margin: 0 auto 7px auto;
}

.promotions-list h3,
.promotions-list p {
	font: bold 13px/14px "微软雅黑", Helvetica, Arial, sans-serif;
}

.promotions-list p {
	font-weight: normal;
	color: #8a8f9c;
}

/* Promo partner */
.promo-partner {
	text-align: center;
}

.promo-partner span.logo-partner {
	display: block;
	margin: 0 0 14px 0;
	padding: 0 0 19px 0;
	border-bottom: 1px solid #eceef4;
}

.promo-partner span.logo-partner img,
.promo-partner .logo-partner img {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.promo-partner p {
	padding: 0 20px 20px 20px;
	line-height: 20px;
}

.promo-partner .ext-link {
	padding: 0 11px;
	font-weight: bold;
}

.promo-partner .logo-partner {
	padding: 6px 0 0 0;
}

.promo-partner .logo-partner img {
	margin-bottom: 6px;
}

.promo-partner .logo-partner figcaption {
	font-size: 15px;
	font-weight: bold;
}

.promo-partner .logo-partner p {
	padding-bottom: 18px;
	color: #8a8f9c;
}


/* 3.21 Settings
------------------------------------------------------------------------------*/

/* Clearfix */
.settings form:after,
.settings li:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/* Setting form */
.settings h1 {
	margin: -7px 0 19px 0;
	padding-bottom: 13px;
	font-size: 15px;
	text-align: center;
}

.settings fieldset {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eceef4;
}

.settings fieldset:first-child {
	padding-top: 0;
}

.settings li {
	position: relative;
	padding: 0 0 10px 0;
}

.settings label,
.settings input,
.settings textarea,
.settings select {
	float: left;
	margin: 0;
}

.settings label {
	display: block;
	width: 150px;
	margin: 0;
	padding: 12px 10px 0 0;
	font: normal 13px/16px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: right;
	color: #8a8f9c;
}
/*added by joon*/
.settings label.post-fb {
	width:auto;
	padding: 0;
	margin-left: 10px;
}

/*end*/

.settings .text,
.settings textarea {
	width: 230px;
	padding: 11px 9px 9px 9px;
}

.settings textarea {
	height: 68px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.settings select {
	width: 250px;
	font-size: 11px;
}

.settings .button {
	float: left;	
	width: 100px;
	overflow: visible;
	margin: 21px 0 0 160px;
	padding: 4px 0 5px 0;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: bold 15px/22px '微软雅黑', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	background: #588cc7;
}

.settings .button:hover {
	background: #3e73b7;
}

.setting-form .user-photo {
	min-height: 51px;
	padding: 9px 0 17px 230px;
}

.setting-form .user-photo img {
	position: absolute;
	top: 0;
	left: 160px;
	float: left;
}

.setting-form .user-photo input {
	font-size: 11px;
}

.setting-form .user-photo input.upload {
	clear: both;
	margin-top: 6px;
}

.setting-form .user-name {
	padding-bottom: 23px;
}

.setting-form .user-name label {
	padding-top: 3px;
}

.setting-form .user-name strong {
	display: block;
	float: left;
	font-size: 15px;
	line-height: 20px;
}

.setting-form .user-age {
	padding: 9px 0 33px 0;
}

.setting-form .user-gender {
	padding-bottom: 22px;
}

.setting-form .user-age label,
.setting-form .user-gender label {
	padding-top: 0;
}

.setting-form .user-bio label {
	padding-top: 7px;
}

.setting-form .user-notice label {
	padding-top: 9px;
}

.setting-form .user-notice ul {
	float: left;
}

.setting-form .user-notice li {
	padding-bottom: 0;
}

.setting-form .user-notice ul label {
	width: auto;
	padding-top: 8px;
	cursor: pointer;
}

.setting-form .user-notice ul li:first-child label {
	padding-top: 9px;
}

.setting-form .user-notice ul input {
	float: left;
	margin: 2px 7px 0 -1px;
	cursor: pointer;
}

.setting-links {
	padding-left: 110px;
}

.setting-links ul {
	padding-top: 10px;
}

.setting-links li {
	min-height: 40px;
	padding-bottom: 20px;
	padding-left: 50px;
	font: normal 13px/1.1 "微软雅黑", Helvetica, Arial, sans-serif;
	background-image: url(../../images/feground/sprites.png);
	background-repeat: no-repeat;
}

.setting-links li strong {
	cursor: default;
}

.setting-links .sl-instagram {
	background-position: 0 -1015px;
	line-height: 40px;
}

.setting-links .sl-twitter {
	background-position: 0 -1145px;
	line-height: 40px;
}

.setting-links .sl-facebook {
	background-position: 0 -1275px;
	line-height: 40px;
}

.settings .setting-new-password {
	padding-top: 20px;
}

.setting-new-password ul {
	height: 0;
	overflow: hidden;
}

.setting-new-password .pass-trigger {
	display: block;
	float: left;
	margin: -4px 0 8px 161px;
	font: bold 13px/20px "微软雅黑", Helvetica, Arial, sans-serif;
	outline: none;
}

.setting-links .sl-twitter .aligned{
	float: left;
}

.setting-links .sl-twitter div {
	overflow: hidden;
	padding-top: 5px;
}

.setting-links .sl-twitter label {
	float: left;	
	width: 250px;
	padding: 0 0 0 5px;
	text-align: left;
	display: inline;

}

.privacy-msg {
	width: 230px;
}

.privacy-msg span {
	clear: left;
	display: block;
	padding-top: 4px;
	color: #8a8f9c;
}

.settings .user-notice li label {
	color: #373d48;
}
/* 3.22 Lists
------------------------------------------------------------------------------*/

.list-title {
	padding-bottom: 12px;
	margin-bottom: 20px;
	font-size: 15px;
	text-align: center;
}

.list-title a {
	margin-left: 2px;
	font-weight: normal;
	font-size: 11px;
	color: #ff3333;
}

.filter-lists {
	margin-bottom: 15px;
	padding-top: 19px;
	border-top: 1px solid #eceef4;
}

.lists li {
	font-size: 13px;
	margin-bottom: 8px;
}

.lists .current a {
	font-weight: bold;
	color: #373d48;
}


/* Filter */
.filter-wrapper {
	position: relative;
	min-height: 40px;
	margin-bottom: 18px;
}

#filter {
	position: absolute;
	z-index: 1;
	width: 198px;
	min-height: 30px;
	font-size: 13px;
	border: 1px solid #8a8f9c;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-radius: 5px;
}

#filter.expanded {
	background: #eff1f7;
}

#filter.collapsed{
	display: none;
}

#filter h3 {
	margin: 0;
	padding: 7px 10px;
	color: #373d48;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	background: url(../../images/feground/sprite_filter.png) 180px 13px no-repeat;	
}

#filter.expanded h3 {
	cursor: default;
	display: none;
	background-position: 180px -31px;
}

#filter h3 em {
	font-style: normal;
	font-weight: normal;
}

#filter.expanded h3 em {
	visibility: hidden;
}

#filter ul,
#filter h4 {
	display: none;
	margin-top: -8px;
	padding-bottom: 6px;
}

#filter.expanded h4 {
	display: block;
	margin-top: 50px;
	padding: 8px 0 5px 9px;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #e1e3e8;
}

#filter.expanded ul {
	display: block;
	position: relative;
	margin-top: 0;
}

#filter ul li a {
	display: block;
	padding: 5px 10px 9px;
	line-height: 1.0;
	font-size: 13px;
	color: #373d48;
}

#filter ul li a:hover {
	text-decoration: none;
	background: #8a8f9c;
	color: #fff;
}

#filter .search .text {
	display: block;
	float: none;
	width: 164px;
	padding: 5px 8px;
	margin: 0;
	color: #000;
	border: 1px solid #8a8f9c;
	background: #fff;
	outline: none;
}

#filter ul li.divide {
	border-top: 1px solid #e1e3e8;
}

#filter ul li.divide a{
	padding-top: 7px;
}

#filter .search,
#filter .search label {
	position: absolute;
	left: -999em;
}

#filter.expanded .search {
	left: 8px;
	top: 10px;
}

#filter .search .btn-submit {
	display: block;
	width: 19px;
	position: absolute;
	top: 3px;
	right: 10px;
	z-index: 100;
	height: 21px;
	margin: 2px 0 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	text-indent: -999em;
	font-size: 0;
	background: url(../../images/feground/sprites.png) 100% 100%;
}

/* List popups */
#add-to-list .inner {
	height: auto;
	padding-bottom: 20px;
}

#add-to-list ul {
	font-size: 15px;
	margin: 15px 0 8px 0;
}

#add-to-list li {
	margin-bottom: 2px;
	padding: 1px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-radius: 5px;
	cursor: pointer;
	color: #4c515c;
}

#add-to-list li:hover {
	background: #8a8f9c;
	color: #fff;
}

#add-to-list form div {
	margin-bottom: 15px;
}

#add-to-list li input {
	vertical-align: text-bottom;
}

#add-to-list input[type=text] {
	width: 288px;
}

#add-to-list li label {
	display: block;
	cursor: pointer;
}

#edit-list .inner {
	height: auto;
	padding-bottom: 20px;
}

#edit-list .delete {
	margin: 10px 0;
	color: #8a8f9c;
}

#edit-list .delete a {
	color: #ff3333;
}


/* 3.23 Add
------------------------------------------------------------------------------*/

/* Clearfix */
.add-1:after,
.add-2:after,
.add-2 form:after,
.add-2 form li:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/* Global */
.add-1,
.add-2 {
	margin: -6px 0 0 0;
	padding: 0 0 14px 0;
}

.add-1 h1,
.add-2 h1 {
	margin: 0 0 15px 0;
	padding: 2px 20px 16px 0;
	font: bold 15px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #373d48;
}

/* Add 1 */
.add-1 .col {
	width: 270px;
	padding: 0 20px;
	text-align: center;
}

.add-1 p {
	padding-bottom: 18px;
	font: normal 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #8a8f9c;
}

.add-1 p:first-child,
.add-1 .bookmark {
	font-size: 15px;
	color: #373d48;
}

.add-1 p strong {
	display: block;
}

.add-1 .bookmark {
	display: block;
	margin: 0 0 15px 0;
}

.add-1 .bookmark a {
	text-decoration: underline;
}

.add-1 .bookmark a:hover {
	text-decoration: none;
}

.add-1 p a {
	color: #588cc7;
}

.add-1 form {
	padding: 3px 0 0 25px;
	text-align: left;
}

.add-1 .browse {
	margin: 0 0 4px 0;
	font-size: 11px;
}

.add-1 button {
	display: block;
	margin: 0 0 0 2px;
	font-size: 11px;
}

/* Add 2 */
.add-2 .pic_preview {
	float: left;
	width: 200px;
	padding: 4px 0 0 0;
}

.add-2 .add-form {
	float: right;
	width: 420px;
	padding: 0 0 6px 0;
}

.add-2 form ul {
	margin: 0 0 5px 0;
}

.add-2 form li {
	padding: 0 0 15px 0;
}

.add-2 form li ul {
	margin-top: -3px;
}

.add-2 form li li {
	padding-bottom: 0;
}

.add-2 form label {
	display: block;
	padding: 0 0 6px 0;
	font: bold 13px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #373d48;
}

.add-2 form label em,
.page-deal-create label em {
	font-weight: normal;
	font-style: normal;
	color: #8a8f9c;
}

.add-2 form li li label {
	padding: 0;
	font: normal 15px/24px "微软雅黑", Helvetica, Arial, sans-serif;
	cursor: pointer;
	padding: 0 0 0 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.add-2 form li li:hover label {
	color: #fff;
	background: #8a8f9c;
}

.add-2 form .text {
	width: 408px;
	margin: 0;
}

.add-2 form .text:focus {
	color: #000 !important;
}

.add-2 form select {
	width: 420px;
	font-size: 11px;
}

.add-2 form .chkbox {
	float: left;
	margin: 6px 7px 0 0;
}

.add-2 form textarea {
	height: 70px;
}

.add-2 form .button {
	width: 95px;
	overflow: visible;
	margin: 0;
	padding: 8px 8px 10px 7px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: bold 15px/22px '微软雅黑', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	background: #588cc7;
}

.add-2 form .button:hover {
	background: #3e73b7;
}


/* 3.24 Recommended
------------------------------------------------------------------------------*/

/* Clearfix */
.recommended-who-to-follow #following-actions:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/* Recommended */
.top-contributors h1,
.recommended-who-to-follow h1 {
	padding-right: 14px;
	padding-bottom: 13px;
	font-size: 15px;
	text-align: center;
}

.followup-message {
	display: none;
	margin: 0 0 20px;
	padding: 6px 10px 8px 10px;
	font: normal 15px/24px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #937F38;
	border: 1px solid #f1e997;
	background: #FFF3C5;
}

.followup-message span {
	font-size: 17px;
	color: #604c05;
}

/* Top contributors */
.top-contributors {
	margin: -10px 0 0 0;
	padding: 11px 0 0 0;
	border-top: 1px solid #eceef4;
}

.top-contributors:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.top-contributors h1 {
	margin-top: 0;
	margin-bottom: 30px;
}

.top-contributors:first-child h1 {
	margin-top: -8px;
}

.top-contributors .user,
.deals.locked .user {
	float: left;
	width: 145px;
	text-align: center;
}

.top-contributors .user .url,
.top-contributors .user img,
.top-contributors .user .fn,
.top-contributors .user .follow-link,
.deals.locked .user .url,
.deals.locked .user img,
.deals.locked .user .fn,
.deals.locked .user .follow-link {
	display: block;
}

.top-contributors .user .url,
.deals.locked .user .url {
	display: inline-block;
	margin: 0 auto 4px auto;
	padding: 0 0 0 2px;
}

.top-contributors .user img,
.deals.locked .user img {
	margin: 0 auto;
}

.top-contributors .user .fn,
.deals.locked .user .fn {
	margin: 0 0 2px 0;
}

.top-contributors .user .fn,
.top-contributors .user .follow-link,
.deals.locked .user .fn,
.deals.locked .user .follow-link {
	padding: 0 0 0 4px;
}

/* Recommended who to follow */
.recommended-who-to-follow {
	padding: 0 0 19px 0;
}

.recommended-who-to-follow h1 {
	margin-top: -8px;
	margin-bottom: 19px;
}

.recommended-who-to-follow #following-actions {
	padding: 0 0 6px 0;
}

.recommended-who-to-follow #following-actions .follow-all {
	width: 110px;
	margin-top: 0;
	padding: 4px 0 6px 0;
	line-height: 20px;
}

.recommended-who-to-follow #following-actions p {
	float: left;
	padding: 4px 0 6px 19px;
	line-height: 20px;
}

.recommended-who-to-follow .twitter-users {
	margin-top: 0;
}

.recommended-who-to-follow .twitter-users li {
	margin-top: 34px;
}


/* 3.25 Reset Password
------------------------------------------------------------------------------*/

/* Reset password form */
.reset-password form {
	padding-top: 5px;
}

.reset-password form .button.submit,
.reset-password a.button.submit {
	width: 155px;
	height: auto;
	padding: 8px 0 10px 0;
	line-height: 20px;
}

.reset-password a.button.submit {
	display: block;
	margin-top: 4px;
}


/* 3.26 Help Deals
------------------------------------------------------------------------------*/

/* Clearfix */
.deals-list:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/* Deals list */
.deals-list {
	margin: 0 0 60px -20px;
	padding: 6px 0 0 0;
}

.deals-list li {
	float: left;
	width: 200px;
	min-height: 198px;
	padding: 0 0 3px 20px;
}

.deals-list a:hover {
	text-decoration: none;
}

.deals-list img {
	display: block;
	margin: 0 auto;
}

.deals-list strong {
	display: block;
	padding: 16px 0 0 0;
	font: bold 15px/20px "微软雅黑", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #1f518e;
}

.deals-list a:hover strong {
	text-decoration: underline;
}


/* 3.27 Store Directory 2
------------------------------------------------------------------------------*/

/* Clearfix */
.store-listing section .wrapper-list:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/* Alternate recommended section */
#sidebar .recommended-section-alt {
	border-bottom: none;
}

#sidebar .recommended-section-alt h2 {
	padding-bottom: 19px;
}

.recommended-section-alt .figure-product {
	padding: 0 0 36px 0;
}

.recommended-section-alt .figure-product .fig-image {
	height: auto;
}

.recommended-section-alt .figure-product img {
	max-height: none;
}

.recommended-section-alt .figure-product .username {
	display: block;
	padding: 5px 0 0 0;
	font-weight: bold;
	text-align: center;
	color: #1f518e;
}

.recommended-section-alt .figure-product .username a {
	color: #1f518e;
}

/* Store listing */
.list-title-alt {
	padding-right: 20px;
	padding-bottom: 13px;
	margin-bottom: 13px;
	font-size: 15px;
	text-align: center;
}

.store-listing section {
	padding: 13px 0 12px 0;
	border-top: 1px solid #eceef4;
}

.store-listing section:first-child {
	padding-top: 0;
	border-top: none;
}

.store-listing section h2 {
	padding-bottom: 4px;
}

.store-listing section ul {
	float: left;
	width: 198px;
	margin: 0 0 0 20px;
	padding: 0 0 0 2px;
}

.store-listing section ul:first-child {
	width: 200px;
	margin-left: 0;
	padding-left: 0;
}

.store-listing section li {
	padding: 0 0 8px 0;
	font: normal 13px/16px "微软雅黑", Helvetica, Arial, sans-serif;
}


/* 3.28 Notifications
------------------------------------------------------------------------------*/

.notifications h1 {
	margin: -7px 0 5px 0;
	padding-bottom: 10px;
	font-size: 15px;
	text-align: center;
	color: #373d48;
}

.notifications.empty h1 {
	padding-bottom: 15px;
} 

.notifications ul {
	margin-bottom: 20px;
	font-size: 13px;
}

.notifications li {
	padding: 10px 0;
	border-bottom: 1px solid #eceef4;
}

.notifications li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.notifications li a {
	color: #588cc7;
}

.notifications li .user {
	color: #1f518e;
}

.notifications .avatar {
	float: left;
	width: 30px;
}

.notifications .avatar img {
	display: block;
	margin-top: 2px;
}

.notifications li h3 {
	margin: 0 0 2px 40px;
	color: #4c515c;
}

.notifications li p {
	margin: 0 0 0 40px;
	padding: 0;
	color: #8a8f9c;
}

.notifications li p img {
	display: block;
	margin-top: 5px;
}

.notifications .no-avatar h3,
.notifications .no-avatar p {
	margin-left: 0;
}

.notifications .deal h3 {
	font-size: 15px;
	font-weight: bold;
 	color: #1f5190;
}

.notifications .prev {
	float: left;
}

.notifications .next {
	float: right;
}

.empty p {
	text-align: center;
	padding: 7px 0;
}

/* 3.29 Notifications 2 
------------------------------------------------------------------------------*/

.notifications.altered ul {
	margin: 10px 0 37px 0;
}

.notifications.altered li {
	padding: 10px 0 4px 0;
	border: none;
}

.notifications.altered li.follow {
	padding-bottom: 10px;
}

.notifications.altered .avatar {
	width: 60px;
}

.notifications.altered li h3,
.notifications.altered li p {
	margin-left: 300px;
}

.notifications.altered .item {
	display: block;
	float: left;
	max-width: 200px;
	width: 200px;
	margin: 3px 0 0 20px;
	text-align: center;
}

.notifications.altered .button.follow,
.notifications.altered .button.following {
	float: left;
	margin: 3px 0 0 20px;
	color: #fff;
}

.notifications.altered .row.no-avatar {
	margin: 20px 0 0 60px;
	font-size: 15px;
	font-weight: bold;
}

.notifications.altered .row.no-avatar h3 {
	margin-top: -5px;
}

.notifications.altered .row.no-avatar h3,
.notifications.altered .row.no-avatar p {
	margin-left: 240px;
}

/* 3.30 Deals 
------------------------------------------------------------------------------*/

.deals h1 {
	margin: -8px 20px 7px 0;
	padding-bottom: 11px;
	font-size: 15px;
	text-align: center;
}

.deals #content {
	padding-right: 0;
}

.deals h1.store-deals {
	margin: 11px 20px 20px 0;
}

.deals .deals-list {
	margin: 0 0 204px -15px;
}

.deals .figure-row {
	padding: 14px 0 24px 0;
}

.deals .figure-row.last {
	margin-right: 20px;
	padding-bottom: 32px;
	border-bottom: 1px solid #eceef4;
}

.deals .figure-product p {
	padding: 0;
}

.deals .figure-product .remaining,
.deals .remaining {
	color: #ed1c24;
	font-weight: bold;
}

.deals .figure-product .remaining span,
.deals .remaining span {
	height: 16px;
	padding: 0 0 0 20px;
	text-align: left;
	background: url(../../images/deals/ico_remaining.jpg) no-repeat left center;	
}

.deals .figure-product a {
	font-weight: bold;
	font-size: 15px;
}

.deals .figure-product a strong {
	color: #588cc7;
	font-size: 13px;
}

.deals .figure-product .price,
.deals .price {
	display: block;
	margin: 5px 0 0 0;
	font-size: 18px;
	font-weight: bold;
}

.deals .figure-product .price em,
.deals .price em {
	padding: 0 3px;
	color: #c2c8d6;
	font-weight: normal;
	font-style: normal;
	background: url(../../images/feground/strike.png) repeat-x left center; /*updated by Joon*/
}

.deals .figure-product .view-deal {
	margin: 0 auto;
	margin-top: 7px;
	height: 30px;
	width: 100px;
	cursor: pointer;
}

/* 3.31 Deals - Locked
------------------------------------------------------------------------------*/

.deals.locked .join-deal {
	height: 40px;
	width: 150px;
	border: none;
	cursor: pointer;
}

.deals.locked .get-in {
	height: 40px;
	border: none;
	cursor: pointer;
}


.deals.locked h2 {
	text-align: center;
	margin-left: -35px;
}

.deals.locked .description p {
	padding: 0 0 15px 0;
}

.deals.locked #content {
	padding: 13px 0 2px 20px;
}

.deals.locked .unlock {
	padding-left: 20px;
	color: #8a8f9c;
	background: url(../../images/deals-locked/ico_unlock.jpg) no-repeat left top;
}

.deals.locked .unlocked {
	padding-left: 20px;
	color: #8a8f9c;
	background: url(../../images/deals-locked/ico_unlocked.png) no-repeat left top;
}



.deals.locked .unlock strong {
	font-size: 13px !important;
	color: #ea5209 !important;
}

.deals.locked .unlocked strong {
	font-size: 13px !important;
	color: #3c9736 !important;
}

.deals.locked p.last {
	padding-bottom: 10px;
}

.deals.locked .joined {
	clear: both;
	padding: 20px 0 0 0;
}

.deals.locked .joined h2 {
	margin: 0 20px 0 0;
	padding: 15px 0 8px 0;
	border-top: 1px solid #ECEEF4;
}

.deals.locked .vcard .photo {
	border-radius: 0;
	-moz-border-radius: 0;	
	-webkit-border-radius: 0;		
}

.deals-dashboard a.button{
	width: auto;
	padding: 8px 10px 4px;
	font-size: 15px;
	line-height: 1.1;
	background: #588cc7;
}

.deals-dashboard a.button:hover {
	background: #3e73b7;
}

.deals-table-list {
	padding-top: 20px;
}

.deals-table-list table {
	width: 640px;
}

.deals-table-list th {
	padding: 9px 0;
	font-weight: bold;
	border: 1px solid #eceef4;
	border-width: 1px 0;
	background-color: #f7f8fb;
}

.deals-table-list td {
	padding: 7px 0;
	border-bottom: 1px solid #eceef4;
}
.deals-table-list tr:hover td {
	background-color: #fff9e2;
}

.deals-table-list tr.finished td {
	color: #8a8f9c;
}

.deals-table-list .title {
	width: 225px;
	padding-left: 15px;
	padding-right: 15px;
}

.deals-table-list thead a.asc {
	float: left;
	padding-right: 12px;
	background: url(../../images/deals/ico_sort.png) no-repeat right 5px;
} 

.deals-table-list thead a.rev {
	float: left;
	padding-right: 12px;
	background: url(../../images/deals/ico_sort.png) no-repeat right -14px;
}

.positive {
	color: #39b54a;
}

.negative {
	color: #9c0415;
}

#showpopup .unlock {
	display: block;
	height: 30px;
	margin-bottom: 20px;
	line-height: 30px;
	color: #ea5209;
	font-weight: bold;
	text-align: center;
	background: #ffdb8e;
}

#showpopup .facebook-button,
#showpopup .twitter-share-button {
/*	float: left;*/
}

#showpopup .button-container {
	margin: 10px 0 15px 0;
}

#showpopup .button-container .twitter-share-button {
	float: left;
}

#showpopup input[type=text] {
	margin-bottom: 25px;
}

#showpopup a.button.ok,
#rankpopup a.button.ok {
	height: 40px;
	width: 75px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	font-size: 15px;
	background: #588cc7;
}

/* 3.33 Deal Details - Unlocked
------------------------------------------------------------------------------*/

.deals.unlocked .buy-now {
	float: left;
	height: 40px;
	width: 143px;
	margin: 0 0 0 -2px;
	cursor: pointer;
}

.deals.unlocked #content {
	padding: 16px 0 55px  20px;
}

.deals.unlocked .gallery,
.deals.locked .gallery {
	float: left;
	width: 410px;
}

.deals.unlocked .description,
.deals.locked .description {
	float: left;
	width: 328px;
	margin-left: 22px;
}

.deals.unlocked .description .offered,
.deals.locked .description .offered {
	padding: 0;
	color: #8a8f9c;
}

.deals.unlocked .description .price,
.deals.locked .description .price {
	margin: 2px 0 0 5px;
}

.deals.unlocked .description p {
	padding: 0 0 13px 0;
	line-height: 18px;
}

.deals.unlocked .description a,
.deals.locked .description a {
	color: #588cc7;
}

.deals.unlocked .twitter-share-button,
.deals.unlocked .facebook-button,
.deals.locked .facebook-button,
.deals.locked .twitter-share-button {
	float: left;
}

.deals.unlocked .twitter-share-button,
.deals.locked .twitter-share-button,
#showpopup .twitter-share-button {
	margin: 0 5px 0 0;
}

.deals.unlocked .description strong,
.deals.locked .description strong {
	font-size: 15px;
	color: #1f518e;
}

.deals.unlocked .offer {
	float: left;
	margin-left: 10px;
}

.deals.unlocked .button-container,
.deals.locked .button-container {
	margin: 13px 0 11px 0;
}

.deals.unlocked .button-container.last,
.deals.locked .button-container.last {
	margin: 0 0 10px 0;
}

.deals.unlocked .offer em {
	margin: 2px 0 0 0;
	font-style: normal;
}

.deals.unlocked .offer strong {
	color: #373d48;
}

.deals.unlocked .offer strong,
.deals.unlocked .offer em {
	display: block;
	font-size: 13px !important;
}

.deals.locked .unavailable {
	padding-top: 20px;
}

.deals.locked .unavailable strong {
	font-size: 18px;
	color: #ed1c24;
}

.deals.locked .unavailable p{
	padding-right: 45px;
	color: #8a8f9c;
}

.finished .button-container-last {
	padding-top: 25px;
}

#image {
	margin: 5px 0 15px 0;
	height: 203px;
	width: 410px;
	position: relative;
}

.gallery .image {
	display: table-cell;
	vertical-align: middle;
}

.gallery .image-thumb {
	position: relative;
	float: left;
	width: 90px;
	height: 90px;
	margin-left: 20px;
}

.gallery .image-thumb:first-child {
	margin: 0;
}

.gallery .image-wrapper {
	display: block;
	display: table;
	table-layout: fixed;
	width: 90px;
	height: 90px;
}

.gallery .enlarge {
	display: none;
	position: absolute;
	bottom: 4px;
	right: 4px;
	height: 20px;
	width: 20px;
	background: #000 url(../../images/deal-details-unlocked/ico_enlarge.png) no-repeat center center;
	opacity: 0.5;
}

.gallery .image:hover .enlarge,
.gallery #image:hover .enlarge {
	display: block;
}

.gallery .thumb {
	vertical-align: middle;
}


/* 3.34 Deal Buy 
------------------------------------------------------------------------------*/

.deal-buy h1 {
	padding-bottom: 12px;
	margin-bottom: 20px;
	font-size: 15px;
	text-align: center;
}

.deal-buy .item li:first-child {
	margin: 0;
}

.deal-buy .item li {
	float: left;
	margin-left: 20px;
	width: 90px;
}

.deal-buy .item h2 {
	padding-bottom: 0;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 13px;
	border-bottom: 1px solid #eceef4;
}

.deal-buy .item .wide {
	width: 410px;
}

.deal-buy .item h2,
.deal-buy .item em {
	color: #8a8f9c;	
}

.deal-buy .item strong,
.deal-buy .item em {
	display: block;
	font-size: 15px;
}

.deal-buy .item em {
	font-style: normal;
}

.deal-buy .item p {
	padding: 0;
	font-size: 13px;
}

.deal-buy .process {
	margin: 0 0 22px 0;
	color: #226e00;
	background: #f5ffbc;
}

.deal-buy .process ul {
	margin: 0 auto;
}

.deal-buy .process li {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	padding-left: 21px;
	position: relative;
	font-size: 13px;
	background: url(../../images/deal-buy/sprite_process.jpg) no-repeat left center;
}

.deal-buy .process li .icon {
	position: absolute;
	top: 1px;
	right: -22px;
	margin: 6px 0 0 5px;
	height: 17px;
	width: 17px;
	background: url(../../images/deal-buy/sprite_process.jpg) no-repeat 0 -51px;
}

.deal-buy .process .coupon {
	margin: 0 7px 0 67px;
	background-position: 0 10px;
}

.deal-buy form {
	margin: 44px 0 0 0;
	padding: 21px 0 0 0;
	border-top: 1px solid #eceef4;
}

.deal-buy form label {
	display: block;
	margin: 0 0 5px 0;
	font-size: 13px;
}

.deal-buy form .buy-coupon {
	height: 40px;
	width: 150px;
	cursor: pointer;
}

.deal-buy form .row {
	margin-bottom: 18px;
}

.deal-buy form .row input[type=checkbox] {
	float: left;
	margin: 0 10px 0 2px;
}

.deal-buy form .row.terms {
	margin-bottom: 10px;
	padding-top: 20px;
	border-top: 1px solid #eceef4;
}

.deal-buy form .row div {
	float: left;
	width: 410px;
	margin-left: 20px;
	position: relative;
}

.deal-buy form .row input[type=text] {
	width: 300px;
	margin: 0;
}

.deal-buy form .row .narrow {
	width: 100px;
}

.deal-buy form .row .select-container,
.deal-buy form .row .select-container select {
	width: 135px;
}

.deal-buy form .row.selects input[type=text] {
	width: 90px;
}

.deal-buy form .row div:first-child {
	margin: 0;
}

.deal-buy form .row.cards {
	margin: 9px 0 30px 0;
}

.deal-buy form .row.selects {
	margin: -10px 0 10px 0;
}

.deal-buy form .row.selects .narrow {
	margin-left: 26px;
}

.deal-buy form .row #month {
	width: 47px;
	margin-right: 5px;
}

.deal-buy form label em {
	margin-left: 5px;
	font-style: normal;
	color: #8a8f9c;
}

.deal-buy form .row .cards {
	position: absolute;
	top: -10px;
	right: 0;
	height: 23px;
	line-height: 23px;
}

.deal-buy form .row .cards li {
	float: left;
	margin-left: 5px;
}

.deal-buy form .row .cards li:first-child {
	margin: 0;
}

.deal-buy form .row .cards li a {
	display: block;
	height: 23px;
	width: 32px;
	background: url(../../images/deal-buy/sprite_cards.jpg) no-repeat;	
}

.deal-buy form .row .cards li .mastercard {
	background-position: -36px 0;
}

.deal-buy form .row .cards li .amex {
	background-position: -72px 0;
}

.deal-buy form .row .cards li .discover {
	background-position: -108px 0;
}

#buy-deal input:focus,
#buy-deal input.sffocus,
#create-deal input:focus,
#create-deal input.sffocus {
	background: #fff8b3;
}

/* 3.35 Deal - Buy (Success)
------------------------------------------------------------------------------*/

.deal-buy-success #content {
	padding-top: 12px;
}

.deal-buy-success .inner-container {
	float: left;
	width: 305px;
	margin-left: 3px;
}

.deal-buy-success .inner-container strong {
	display: block;
	margin: 10px 0 0 0;
	font-size: 13px;
}

.deal-buy-success .inner-container ul {
	font-size: 13px;
	margin: 0 0 20px 15px;
	list-style-type: disc;
}

.deal-buy-success .inner-container ul li {
	line-height: 18px;
}

.deal-buy-success .inner-container img {
	margin: 10px 0 0 -5px;
}

.deal-buy-success h2 {
	padding-bottom: 16px;
}

.deal-buy-success .image-container {
	float: right;
	margin: -32px 0 0 0;
	width: 410px;
	text-align: center;
	font-size: 15px;
}

.deal-buy-success .image-container a {
	font-weight: bold;
}

/* 3.36 Deal - Create
------------------------------------------------------------------------------*/

.page-deal-create h1 {
	margin-bottom: 17px;
	padding-bottom: 12px;
}

.page-deal-create label {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
}

.page-deal-create form p {
	padding-bottom: 6px;
}

.page-deal-create form img {
	margin-bottom: 17px;
}

.page-deal-create form .column {
	float: left;
}

.page-deal-create form .row {
	margin-bottom: 8px;
}

.page-deal-create form .row.last {
	margin-bottom: 26px;
}

.page-deal-create form .row.fullsize input {
	width: 630px;
}

.page-deal-create form .column.coupon {
	width: 410px;
}

.page-deal-create form .column.coupon input {
	width: 299px;
}

.page-deal-create form .column.wide {
	width: 410px;
	margin-left: 20px;
}

.page-deal-create form .column.narrow {
	width: 167px;
}

.page-deal-create form .column.narrow.date-start {
	margin-left: 20px;
}

.page-deal-create form .column.narrow.date-end {
	width: 140px;
}

.page-deal-create form .column.narrow.date-start input,
.page-deal-create form .column.narrow.date-end input {
	background: #fff url(../../images/deal-create/ico_calendar.jpg) no-repeat 120px center;
}

.page-deal-create form .column.narrower {
	width: 145px;
	margin-left: 20px;
}

.page-deal-create form .column.narrow input,
.page-deal-create form .column.narrower input {
	width: 135px;
}

.page-deal-create form .column.narrow.select-country {
	width: 165px;
}

.page-deal-create form .column.narrow.select-country select,
.page-deal-create form .column.narrow.select-shipping select {
	width: 145px;
	height: 15px;
}

.page-deal-create form .column.narrow.select-shipping {
	width: 190px;
}

.page-deal-create form .column.wide.first,
.page-deal-create form .column.narrower.first {
	margin: 0;
}

.page-deal-create form .column.wide input {
	width: 300px;
}

.page-deal-create form button.submit {
	width: 220px;
	padding: 3px 0;
	height: 35px;
	margin: 25px 0 0 0;
}

.page-deal-create .tipsy-inner {
	max-width: 400px !important;
}

/* 3.37 Deal - Create (Processing)
------------------------------------------------------------------------------*/

.page-deal-processing strong,
.page-deal-finished strong {
	margin: 19px 0 17px 0;
	text-align: left;
}

.page-deal-processing h1,
.page-deal-finished h1 {
	padding-bottom: 12px;
}

.page-deal-processing #content img {
	float: right;
	margin-top: 5px;
}

.page-deal-processing .inner-container {
	float: left;
	width: 327px;
	margin-left: 3px;
}

.page-deal-processing .inner-container p {
	padding-right: 14px;
	margin-bottom: 8px;
}

.page-deal-processing .deal-id,
.page-deal-processing .deal-name,
.page-deal-finished .deal-id,
.page-deal-finished .deal-name {
	display: block;
	font-size: 15px;
}

.page-deal-processing .deal-id,
.page-deal-finished .deal-id {
	font-weight: bold;
}

.page-deal-processing .deal-name,
.page-deal-finished .deal-name {
	margin-bottom: 16px;
	color: #8a8f9c;
}

/* 3.38 Deal - Dashboard (Finished)
------------------------------------------------------------------------------*/

.page-deal-finished #content {
	padding-left: 22px;
}

.page-deal-finished .summary .label {
	color: #8a8f9c;
}

.page-deal-finished .summary .label, 
.page-deal-finished .summary .remaining {
	font-size: 13px;
}

.page-deal-finished .summary .remaining {
	color: #373d48;	
}

.page-deal-finished .summary .data {
	color: #373d48;
	font-size: 18px;
}

.page-deal-finished .summary .data.count {
	color: #39b54a;
}

.page-deal-finished .summary .data,
.page-deal-finished .summary .remaining {
	font-weight: bold;
}

.page-deal-finished .summary .label,
.page-deal-finished .summary .data,
.page-deal-finished .summary .remaining {
	display: block;
}

.page-deal-finished .summary li {
	width: 165px;
	margin: 6px 0 0 0;
}

.page-deal-finished .summary .narrow {
	width: 100px;
}

.page-deal-finished .deal-name {
	margin-bottom: 8px;
}

.page-deal-finished .deal-name.active,
.page-deal-finished .deal-name a {
	color: #1f518e;
}

.page-deal-finished strong {
	margin-bottom: 16px;
}

.page-deal-finished .details {
	margin: 39px 0 40px 0;
}

.page-deal-finished .details li {
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #eceef4;
}

.page-deal-finished .details .last {
	border-bottom: 1px solid #eceef4;	
}

.page-deal-finished .details .label,
.page-deal-finished .details .data {
	font-size: 13px;
}

.page-deal-finished .details .label {
	width: 140px;
}

.page-deal-finished .details .data a{
	color: #588cc7;
}

.page-deal-finished .gallery li, 
.page-deal-finished .details .label,
.page-deal-finished .details .data,
.page-deal-finished .summary li {
	float: left;
}

.page-deal-finished .gallery {
	margin: 0 0 30px 0;
}

.page-deal-finished .gallery li {
	width: 145px;
	margin-left: 19px;
}

.page-deal-finished .gallery li:first-child {
	margin: 0;
}

.page-deal-finished h1,
.page-deal-processing h1 {
	padding: 5px 0 15px;
	text-align: left;
	line-height: 1.3;
	font-size: 18px;
}

.page-deal-finished h1 a,
.page-deal-processing h1 a{
	display: block;
	font-size: 13px;
	font-weight: normal;
	color: #588cc7;
}

/* Found People */
.found-people #content {
	margin: 0;
	padding: 20px;
	background: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.recommended-who-to-follow .following-actions:after,
.found-people-list .following-actions:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.found-people-list {
	clear: both;
}

.found-people-list .following-actions {
	margin-bottom: 20px;
}

.found-people-list h2 {
    margin: 0 0 10px;
    padding: 15px 0;
	border: 1px solid #ECEEF4;
    border-width: 1px 0;
	text-align: center;
	font: bold 15px/1.1 "微软雅黑",Helvetica,Arial,sans-serif;
}

.invite-list {
	clear: both;
	overflow: hidden;
	margin: 0 0 0 -20px;
}

.invite-list li div{
	float: left;
	overflow: hidden;
	width: 200px;	
	margin: 0 0 17px 20px;
}

.invite-list li{
	clear: left;
}

.invite-list li h3{
	font-weight: bold;
	font-size: 15px;
}

.invite-list li p.email {
	padding: 0;
	margin: 0;
	height: auto;
	color: #8a8f9c;
	line-height: 1.2;
	font-weight: normal;
	background: none;
}

.button.sign.follow-all-users,
.button.sign.invite-all-contacts {
	float: left;
	padding: 10px 0;
	height: 20px;
}

.button.sign.follow-all-users.following-users,
.button.sign.invite-all-contacts.invited-users {
	background: silver;
	color: #777;
}

a.invite-contact-link:link,
a.invite-contact-link:visited,
a.follow-user-link:link,
a.follow-list-link:link {
	font-size: 13px;
	color: #588cc7;
	text-decoration: none;
	outline: none;
}
a.invite-contact-link:hover,
a.invite-contact-link:active,
a.follow-user-link:hover,
a.follow-user-link:active,
a.follow-user-link.following,
a.follow-list-link:hover,
a.follow-list-link:active,
a.follow-list-link.following{
	text-decoration: none;	
}

a.invite-contact-link.sent {
	color: #68bc3c;
	font-weight: bold;
}

#confirm-follow p,
#confirm-invite p {
	width: 180px;
	margin: 0 auto;
	overflow: hidden;
}

#confirm-follow a.button.ok,
#confirm-invite a.button.ok {
	height: 40px;
	width: 75px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	font-size: 15px;
	background: #588cc7;
}

#confirm-follow a.button.cancel,
#confirm-invite a.button.cancel {
	height: 40px;
	width: 75px;
	line-height: 40px;
	padding: 0;
	margin-left: 15px;
	text-align: center;
	font-size: 15px;
	background: gray;
}
/* Shop Popups
--------------------------------------------------------------------------------
==============================================================================*/

.shop-popup {
	width: 745px !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 3px solid rgba(140, 149, 157, 0.6);
	background: url(../../images/feground/bg_shop-signed.png);

}

.shop-popup .inner {
	padding: 15px;
}

.logo-shop {
	float: left;
	width: 125px;
	height: 30px;
	margin: 5px 0 20px;
	text-indent: -999em;
	background: url(../../images/feground/shop_popup.png) no-repeat -129px -328px;
	outline: 0;
}

.signed-in .logo-shop {
	background-position: -129px -328px;
}

.shop-popup .btn-close {
	float: right;
	width: 22px;
	height: 22px;
	text-indent: -999em;
	outline: 0;
	background: url(../../images/feground/shop_popup.png) no-repeat 0 -366px;
}

.shop-popup .inner h3{
	clear: both;
	margin: 0 0 30px;
	text-align: center;
	color: #586371;
	font-size: 21px;
}

.shop-popup.signed-in .inner h3{
	clear: both;
	text-align: left;
	color: #a6adb7;
	font-size: 21px;
	font-weight: normal;
}

.shop-popup.signed-in .inner h3 a{
	text-align: left;
	color: #4ba9ff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

.shop-popup.signed-in .inner h3 a:hover {
	text-decoration: none;
}

.shop-popup .inner h3 span{
	color: #4a5461;
	font-weight: bold;
}

.popup-controls {
	width: 634px;
	height: 40px;
	margin: 0 auto 30px;
	overflow: hidden;
}

.popup-controls li {
	float: left;
}

.popup-controls .btn-fb {
	float: left;
	height: 40px;
	width: 177px;
	padding-left: 56px;
	margin-right: 18px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 38px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #4c6eb3 url(../../images/feground/shop_popup.png) no-repeat -653px 0;
}

.popup-controls .btn-tw {
	float: left;
	height: 40px;
	width: 155px;
	padding-left: 56px;
	margin-right: 18px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 38px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #65bbff url(../../images/feground/shop_popup.png) no-repeat -653px -50px;
}

.popup-controls .btn-learn {
	float: left;
	height: 40px;
	width: 99px;
	padding-left: 55px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 38px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f76269 url(../../images/feground/shop_popup.png) no-repeat -653px -104px;
}
.popup-controls .btn-learn:hover,
.popup-controls .btn-learn:active,
.popup-controls .btn-learn.clicked{
	background-position: -653px -152px;
	background-color: #53585e;
}

.shop-popup .inner .sign-in-link {
	display: block;
	margin: 0 0 20px;
	color: #4ba9ff;
	text-decoration: underline;
	text-align: center;
	font-size: 13px;
}

.additional-info {
	width: 634px;
	margin: 0 auto;
	padding: 35px 28px 28px;
	background: url(../../images/feground/shop_popup.png) no-repeat 0 -409px;
	font-size: 16px;
	color: #586371;
	display: none;
}

.additional-info li {
	padding: 0 0 30px 100px;
	line-height: 21px;
	background: url(../../images/feground/shop_popup.png) no-repeat;
}

.additional-info li.info-follow{
	background: url(../../images/feground/shop_popup.png) no-repeat;
}

.additional-info li.info-use{
	padding-top: 15px;
	background-position: 0 -112px;
}

.additional-info li.follow-it{
	padding-top: 30px;	
	background-position: 0 -225px;
}

.follow-offer-message {
	width: 691px;
	height: 73px;
	margin: 25px auto 0;
	text-align: center;
	background: url(../../images/feground/bg_follow-offer.png) no-repeat;
}

.follow-offer-message p {
	font-size: 17px;
	line-height: 70px;
}

.item-featured {
	float: left;
	width: 200px;
	height: 200px;
	padding: 5px;
	margin-right: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fff;
}

.item-details {
	margin-left: 230px;
	width: 460px;
}

.item-featured img {
	display: block;
}

.follow-items h4 {
	font-size: 21px;
	line-height: 1.1;
	margin-bottom: 10px;
}

.social-links {
	width: 260px;
	height: 25px;
	margin-bottom: 20px;
	overflow: hidden;
}

.follow-items h5 {
	font-size: 15px;
	margin-bottom: 12px;
	color: #586371;
	border-bottom: 1px solid #c1c6cc;
}

.social-links li,
.social-links li a {
	float: left;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
}

.social-links li a.fb {
	width: 106px;
	padding-left: 33px;
	margin-right: 10px;
	background: url(../../images/feground/shop_popup.png) no-repeat -326px -333px;
}

.social-links li a.fb:hover {
	background-position:  -326px -363px;
}

.social-links li a.tw {
	width: 66px;
	padding-left: 33px;
	background: url(../../images/feground/shop_popup.png) no-repeat -471px -333px;
}

.social-links li a.tw:hover {
	background-position: -471px -363px;
}

.item-suggestion {
	height: 100px;
}

.item-suggestion li,
.item-suggestion li a{
	float: left;
}

.item-suggestion li a img {
	display: block;
}

.item-suggestion li a{
	padding: 5px;
	margin-right: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fff;
}

#signed-frame,
#unsigned-frame {
	width: 760px!important; 
	height: 650px!important; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -300px; 
	margin-left: -380px; 
	background: transparent;
	display: none;
}

#signed-frame-popup,
#signed-frame-popup body, 
#unsigned-frame-popup,
#unsigned-frame-popup body{
	background: transparent;
}

/* 3.40 Lists Catalogs
--------------------------------------------------------------------------------*/

.tabs {
	width: 640px;
	border-bottom: 1px solid #eceef4;
}

.tabs:after,
.social-accounts:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.tabs li {
	float: left;
	padding: 9px 10px 10px;
	font-size: 15px;
	line-height: 1.1;
}

.tabs li:first-child {
	font-weight: bold;
}

.tabs li.active {
	margin-bottom: -1px;
	padding-bottom: 11px;
	border: 1px solid #eceef4;
	background: white;
	border-width: 1px 1px 0;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;	
}

.tabs li a {
	color: #588cc7;
	display: block;
}

.tabs li a strong {
	color: #1f518e;
}

.tabs li a:hover,
.tabs li a:hover strong {
	text-decoration: underline;
}

.listings {
	padding-top: 20px;
}

.listings.browse-view {
	padding-top: 0;
	margin-bottom: 40px;
}

.listings li,
.listings li h2 {
	clear: left;
	float: none;
	padding: 0;	
	font-weight: normal;
	line-height: 1.1;
}

.listings li h2 {
	font-weight: bold;
}

.listings li h2 a:hover,
.listings li h2 a:active,
.listings li h2 a:focus,
.listings li h2 a:visited,
.listings li h2 a.following {
	text-decoration: none;
}

.listings li h2 a span {
	color: #588cc7;
	font-weight: normal;
	font-size: 13px;
}

.listings li h2 a{
	color: #373d48;
}

.listings li:hover h2 a{
	color: #1f518e;
}

.listings li h2 a:hover strong{
	text-decoration: underline;
}

.listings li h2 a span,
.listings li h2 a em {
	visibility: hidden;
	font-weight: normal;
}

.listings li h2 a:hover span,
.listings li h2 a:hover em{
	text-decoration: none;	
}

.listings li h2 a em {
	color: #8a8f9c;
	margin: 0 5px;
}

.listings li h2 a.username {
	color: #8a8f9c;
}

.listings li:hover h2 a.username {
	color: #588cc7;
}


.listings.browse-view li h2{
	padding-top: 0;
	font-weight: normal;
}

.listings.browse-view li h2 span {
	color: #8a8f9c;
}

.listings.browse-view li h2 a:hover {
	text-decoration: underline;	
}

.listings li:hover h2 a span,
.listings li:hover h2 a em {
	visibility: visible;
	text-decoration: none;
}

.listings li {
	margin-bottom: 25px;
}

.listings a.list-item {
	display: block;
	width: 640px;
	height: 80px;
	margin-bottom: 7px;
}

.listings a.list-item span {
 	float: left;
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}


.catalog-lists .figure-row {
	padding: 20px 0;
}

.catalog-lists .vcard img,
.followers-listing.browse-view .vcard img  {
	display: block;
	margin: 0 0 10px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	
}

.catalog-lists .vcard {
	padding-bottom: 5px;
	overflow: hidden;
}

.catalog-lists .button {
	margin-bottom: 10px;
	font-size: 15px;
}

.catalog-lists .nickname {
	color: #8a8f9c;
}

.catalog-lists .nickname .ico-link {
	float: left;
	margin: 4px 0 0 5px;
	outline: none;
}

.catalog-lists .nickname span {
	float: left;
}

.catalog-lists .description {
	margin-top: 0;
	padding-top: 10px;
	border-top: none;
}

.social-accounts li,
.social-accounts li a {
	float: left;
	overflow: hidden;
	width: 17px;
	height: 17px;
	text-indent: -999em;
}

.social-accounts li a {
	background: url(../../images/feground/sprites.png) no-repeat;
}

.social-accounts li.account-twitter a {
	background-position: -984px -1185px;
}

.social-accounts li.account-facebook a {
	background-position: -984px -1206px;
}

.social-accounts li.account-weblink a {
	background-position: -984px -1226px;
}

.social-accounts li.account-rss a {
	background-position: -984px -1246px;
}

.social-accounts li {
	margin-right: 4px;
}

.catalog-lists #sidebar section {
	padding-bottom: 0;
	border-bottom: 0;
}

.mini-feeds {
	padding: 19px 0 0;
	border-top: 1px solid #ECEEF4;
}

.mini-feeds.list-appearance {
	border-top: 0;
}

.catalog-lists .stats {
	padding-top: 0;
	padding-bottom: 5px;
}

.catalog-lists .stats strong {
	font-size: 13px;
}

.mini-feeds li {
	padding-left: 38px;
	margin-bottom: 6px;
	font-size: 11px;
	color: #8a8f9c;
	clear: left;
	overflow: hidden;
}

.mini-feeds li:hover {

}

.mini-feeds li a {
	color: #8a8f9c;
}

.mini-feeds li a:hover {
	color: #588cc7;
	text-decoration: none;
}

.mini-feeds li img {
	float: left;
	margin-left: -38px;
	width: 30px;
	height: 30px;
}

.mini-feeds li p{
	padding: 0;
	margin-top: -2px;
	font-size: 11px;
	line-height: 13px;
}

/* Followers */


.catalog-lists .followers-listing li {
    border-bottom: 1px solid #ECEEF4;
    padding: 10px 180px 10px 80px;
    position: relative;
}

.catalog-lists .followers-listing li .nickname {
    color: #006837;
}
.catalog {
	font-size:12px;	
}
.catalog-list {
	padding:5px 0;	
	margin:0 0 20px 0;
}
.catalog-list * {
	padding:0 10px;
	font-size:12px;
	
}
.catalog-lists .followers-listing li a.url span {
	font-size: 12px;
}

.catalog-lists .followers-listing .text {
	color: #373d48;
	font: 12px/18px "微软雅黑",Helvetica,Arial,sans-serif;
	padding-top: 2px;
}

.catalog-lists .followers-listing .text strong {
	color: #373d48;
	font: bold 12px 'Courier New', Courier, monospace;
}

/* Followers following stuff */

.catalog-lists .followers-listing .following-stuff-list li,
.followers-listing.browse-view .following-stuff-list li {
	display: table-cell;
	max-width: 60px;
	max-height: 60px;
	padding: 0 0 0 10px;
	border: 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

.catalog-lists .followers-listing li.vcard .following-stuff-list li img,
.followers-listing.browse-view li.vcard .following-stuff-list li img {
    float: none;
    margin: 0;
	max-width: 60px;
	max-height: 60px;
	vertical-align: middle;	
}

/* List catalog */

.list-creator {
	padding-left: 70px;
}

.list-creator h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #373d48;
}

.catalog-lists .list-creator h2 a {
	color: #1f518e;
}

.catalog-lists .list-creator .photo {
	float: left;
	margin: 3px 0 0 -70px;
	max-width: 60px;
	max-height: 60px;
}

.list-creator p {
	color: #8a8f9c;	
}

.catalog-lists .list-creator a {
	color: #588cc7;
}

.catalog-lists .list-creator a.settings {
	color: #ff3333;
}

.followers-list {
	overflow: hidden;
	margin-left: -5px;
}

.followers-listing.browse-view {
	padding-bottom: 40px;
}

.followers-list li,
.followers-list li a,
.followers-list li img {
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

.followers-list li {
	margin: 5px 0 0 4px;
}

.catalog-lists .followers-listing h2,
.followers-listing.browse-view h2 {
	margin-top: 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ECEEF4;
}

.followers-listing.browse-view h2 {
	margin-top: 0;
	line-height: 1.1;
	text-align: center;
}

.catalog-lists .followers-listing img.photo,
.followers-listing.browse-view img.photo {
	width: 60px;
	height: 60px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 10px;
	border:2px solid #7AC943;
}

.catalog-lists .followers-listing li,
.followers-listing.browse-view li {
	min-height: 60px;
	padding-bottom: 0;
	position: relative;
}

.catalog-lists .followers-listing li {
    min-height: 60px;
    padding-bottom: 10px;
    position: relative;
	border-bottom: 1px solid #B3B3B3 !important;
}

.catalog-lists .followers-listing li .url span {
    color: #8a8f9c;
}

.catalog-lists .followers-listing li .url strong{
    
}

.catalog-lists .followers-listing .action-links{
	clear:left;
	display: block;
	padding-top: 2px;
}

.catalog-lists .followers-listing .url {
	float: left;
}

.catalog-lists .followers-listing  a.follow-user-link {
	clear: left;
	float: left;
}

.catalog-lists .followers-listing .url strong,
.catalog-lists .followers-listing .url span {
	float: left;
}

.catalog-lists .followers-listing .url strong {
	margin-right: 5px;
}

.catalog-lists .followers-listing .action-links a {
	margin-right: 10px;
	color: #588cc7;
	font-size: 13px;
}

.catalog-lists .followers-listing .action-links a:hover {
	text-decoration: underline;
}

.catalog-lists .followers-listing .following-stuff-list,
.followers-listing.browse-view .following-stuff-list {
	float: right;
	margin: 0;
	position: absolute;
	right: 0;
	top: 10px;
}

/* lists settings */

.catalog-lists .settings h1 {
	text-align: left;
	font-size: 18px;
}

.catalog-lists .setting-form .user-notice li label {
    color: #8a8f9c;
}

.catalog-lists .settings label {
	width: 117px;
}

.catalog-lists .settings fieldset {
	border-bottom: 0;
}

.catalog-lists .user-notice li label strong {
    color: #373D48;
}

.catalog-lists .setting-form .user-notice li.privacy-msg {
	margin: 0 0 -15px;
	width: 400px;
	font-size: 13px;
}

.catalog-lists .setting-form li.privacy-msg label{
	color: #373D48;
}

.catalog-lists .settings .button {
	width: auto;
	margin: 10px 20px 0 125px;
	padding-left: 20px;
	padding-right: 20px;
}

.catalog-lists .setting-form .user-notice {
    padding-bottom: 15px;
}

.catalog-lists .setting-form .user-notice li {
	padding-bottom: 5px;
}

.catalog-lists .settings .delete {
	float: left;
	margin-top: 19px;
	font-size: 13px;
	color: #f33;
}

.catalog-lists .settings .text{
    width: 493px;
}

/* Fancy Popup*/

.follow-popup {
	width: 560px;
	margin-left: -124px;
	border: 1px solid #4c515c;
	background: #eff1f7;
	box-shadow: 0 0 5px #888;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
}

.popup-content {
	margin-left: 20px;
}


.follow-popup .inner {
	padding: 20px 15px 20px 20px;
}

.follow-popup .btn-close {
	float: right;
	width: 22px;
	height: 22px;
	text-indent: -999em;
	outline: 0;
	background: url(../../images/feground/sprite_follow-popup.png) no-repeat 0 -34px;
}

.follow-popup h3 {
	padding: 0;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}

.thing .follow-popup h3 {
	margin: 0;
}

.follow-popup p {
	color: #8a8f9c;
	margin-bottom: .5em;
}

.item-image {
	display: table-cell;
	float: left;
	overflow: hidden;
	width: 200px;
	text-align: center;
	vertical-align: middle;
	background: url(../../images/feground/bg_figure.png) repeat 0 0;
}

.item-image img {
	vertical-align: middle;	
}

.item-categories {
	float: right;
	width: 300px;
	margin-right: 5px;
}

.item-categories .list-categories {
	width: 296px;
	height: 148px;
	margin: 0;
	padding: 0;
	border: 1px solid #b4b9c7;
	border-top: 1px solid #8a8f9c;
	border-bottom: none;
	background: white;
}

.item-categories input:focus {
	outline: none;
}

.list-categories ul {
	width: 296px;
	height: 148px;
	overflow-y: auto;
	overflow-x: hidden;
}

.list-categories ul li {
	display: block;
	overflow: hidden;
	width: 296px;
}

.list-categories ul li input {
	float: left;
	margin: 0 7px 0 5px;
}

.list-categories ul li label {
	display: block;
	overflow: hidden;
	padding: 4px 0;
	line-height: 1.1;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.list-categories ul li.selected label {
	font-weight: bold;
	line-height: 1.1;
}

.list-categories ul li:hover {
	background-color: #d5e2f1!important;
}

.item-categories input {
	font-size: 13px;
	padding: 4px 5px 6px;
	color: #8a8f9c;
}

.item-categories  #new-category {
	padding: 4px 5px 6px 21px;
	font-size: 13px;
	color: #8a8f9c;
	border-top: 1px solid #e1e3e8;
	background: white url(../../images/feground/sprite_follow-popup.png) no-repeat -35px -12px;
}

.item-categories input.sffocus,
.item-categories input:focus,
.item-categories #new-category.sffocus,
.item-categories #new-category:focus{
	color: #373d48;	
	background-position: -35px -42px;
}

.item-categories #comment {
	width: 286px;
}

.item-categories #comment.typed {
	color: #373d48;	
}

.social-sites label {
	float: left;
	width: 135px;
	margin-bottom: 10px;
}

.social-sites input {
	margin: -3px 6px 0 0;
}

.follow-popup a.button {
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	margin: 0;
	padding: 9px 0 10px;
	height: 21px;
	width: 298px;
	color: #fff;
	font: bold 18px/1.1 '微软雅黑', Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	background-color: #588cc7;
}

.follow-popup a.button:hover {
	background-color: #3e73b7;
}

.follow-popup a.button.remove {
	background-color: #d95c43;	
}

.follow-popup a.button.remove:hover {
	background-color: #c83d21;	
}

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.3;
}

/* Sortable Lists */

.sorting-enabled .vcard .settings,
.sorting-enabled .vcard p em {
	display: none;
}

.dragging-enabled  {
	overflow: hidden;
	display: none;
}

.sorting-enabled .dragging-enabled  {
	overflow: hidden;
	display: block;
}

.sorting-enabled .dragging-enabled h3 {
	float: left;
	margin: 5px 15px 0 0;
	font-size: 15px;
	font-weight: bold;
}

.sorting-enabled .dragging-enabled .button {
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	margin: 0;
	padding: 6px 10px 7px;
	height: 16px;
	width: auto;
	color: #fff;
	font: bold 15px/1.1 '微软雅黑', Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	background-color: #588cc7;
}

.sorting-enabled .dragging-enabled .button:hover {
	background-color: #3e73b7;
}

.sortable figcaption,
.sortable .button.follow,
.sortable .username{
	display: none;
	position: absolute;
	left: -999em;
}

.sortable,
#deal-listing {
	margin: 20px 0 0 -20px;
	overflow: hidden;
}

#deal-listing li.clear {
	clear: both;
}

#deal-listing.sortable li.clear {
	clear: none;
}

.sortable li,
#deal-listing li {
	float: left;
	overflow: hidden;
	width: 200px;
	min-height: 240px;
	max-height: 240px; /**joon***/
	padding: 0 0 41px 20px;
}
#deal-listing.sortable li {
	padding: 0 0 0 20px;
}

.sort-interface {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 200px;
	background: rgba(0,0,0,0.4);
}

.sortable .sort-interface {
	display: block;
}

.remove-item {
	position: absolute;
	display: none;
	top: 5px;
	left: 5px;
	width: 24px;
	height: 24px;
	text-indent: -999em;
	background: url(../../images/feground/sprite_sortable.png) no-repeat -56px 0;
}

.sort-interface:hover .remove-item {
	display: block;
}

.drag-handle {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin: -27px 0 0 -27px;
	width: 54px;
	height: 54px;
	text-indent: -999em;
	background: url(../../images/feground/sprite_sortable.png) no-repeat 0 0;
}

.sort-interface:hover .drag-handle {
	background-position: 0 -54px;
}


/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

.ui-resizable-handle {
	display: none!important;
}

/* 4. MOBILE
--------------------------------------------------------------------------------
==============================================================================*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .list-categories ul li input {
		margin: 2px 7px 0 5px;
	}
	.follow-popup {
		margin-left: -132px;
	}
}

/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body { 
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif; 
	}

	a[href]:after { 
		content: " (" attr(href) ") "; 
		font-size: 90%; 
	}

	a[href^="/"]:after { 
		content: " (http://domain.com" attr(href) ") "; 
	}

	ol#accessibility-nav, 
	.hide { 
		display: none !important; 
	}

}



/************************FANCY**********************************/
input.jqPlaceholder,textarea.jqPlaceholder {color: #B3B9C7;}

.comments .delete-comment {
	display: none;
	float: left;
	margin: -4px 0 -1px 3px;
	font: normal 11px/18px "微软雅黑", Helvetica, Arial, sans-serif;
	color: #f33;
}
.comments li:hover .delete-comment,
.comments li.hover .delete-comment {
	display: block;
}

.comments .text {
	color: #000000 !important;
}

#navigation li ul, .no-subnav #navigation li ul.browse-page {min-width:900px;}

#navigation ul#show-submenu {
top:41px;
}
#navigation ul#show-submenu li {
    border: medium none;
    float: left;
    height: auto;
    padding: 0 0 0 12px;
}

.notifications .avatar img {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.deal-buy div.error input {
	background: none repeat scroll 0 0 #FFF1E5;
    border: 1px solid #ED1C24;
    color: #000000;
}

.page-home #infscr-loading {
	margin: -60px 100px 0;
}

.sign #header0 .site-name span {
    background: url("../../images/feground/sprites.png") no-repeat scroll 0 -453px transparent;
}
.sign #header0 .site-name span, .sign #header0 .site-name {
    height: 40px;
    width: 170px;
}
#header0 a.site-name span {
    cursor: pointer;
}
#header0 .site-name span {
    background: url("../../images/feground/logo.png") no-repeat scroll 0 100% transparent;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}
#header0 .site-name, #header0 .site-name a {
    color: #FFFFFF;
    display: block;
    float: left;
    height: 62px;
    position: relative;
    width: 42px;
    z-index: 10;
}

#header0 .inner {
	margin:0 auto;
	padding:0 5px;
	position:relative;
	width:750px;
}

.sign #header0 {
	background:transparent none repeat scroll 0 0;
	margin-bottom:0;
	padding:68px 0 0 100px;
}
#header0 {
	background:#000000 url(../../images/feground/bg_header.png) repeat-x scroll 50% 100%;
	margin:0 0 39px;
	position:relative;
	z-index:10;
	margin-top:-80px;
}

.shown-to-you h1,.display-error-message h1 {
    font-size: 15px;
    margin-bottom: 29px;
    padding-bottom: 13px;
    text-align: center;
}
.shown-to-you h1 {
    font-size: 15px;
    margin-bottom: 29px;
	margin-top: 15px;
    padding-bottom: 13px;
    text-align: center;
}

.display-error-message p {
    font: 15px/20px "微软雅黑",Helvetica,Arial,sans-serif;
    margin-top: -4px;
    padding-bottom: 20px;
    text-align: center;
}

#navigation-new .mn-signin {
    font-weight: bold;
    color: #000;
}
.catalog-lists .followers-listing a.follow-link{
	clear:left;
	float:left;
	position: static;
}

.follow-popup a.button.unfollow {
	background-color: #d95c43;	
}

.follow-popup a.button.unfollow:hover {
	background-color: #c83d21;	
}

.following-item .image-wrapper {
	float: left;
	overflow: hidden;
	width: 200px;
}

.following-item .image-wrapper p{
	margin-bottom: 0;
	padding-bottom: 3px;
	color: #373d48;
}

.following-item .image-wrapper a{
	color: #588cc7;
}

.following-item .item-image {
	margin-bottom:18px;
}
.category {
	float:none;
	clear:both;
	padding:5px 0px 0px;
}
.category a:hover {
    color: #333333;
    text-decoration: none;
	border-color:#FFCB97; 
	background-color:#FFF0E1; 
	box-shadow:0 0 8px #bcd9fa !important;
}
.category a.selected {
    color: #333333;
    text-decoration: none;
	background-color: #FFFFFF !important;
}
.category a.tag {
    background-color: #F2F0F0;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    box-shadow: 0 1px #FFFFFF inset, 0 1px 1px rgba(34, 25, 25, 0.1);
    color: #8C7E7E;
    display: inline-block;
    font-size: 14px;
    margin: 0 8px 8px 0;
    padding: 4px 10px;
}
.follow, .unfollow, .followed, .followeo, .recommend , .myself {
    display: inline-block;
    line-height: 1.5;
	padding: 5px 10px;
	*display:block;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-color:#549947;
	border-radius: 6px 6px 6px 6px;
	margin-right: 10px;
}
.follow:hover, .unfollow:hover, .followed:hover, .followeo:hover , .recommend:hover {
    text-decoration: none;
	border-color:#FFCB97; 
}
.myself {
	background-position: -10px -10px;
    width: 55px;
}
.follow {
    display: inline-block;
    line-height: 1.5;
	padding: 5px 10px;
	*display:block;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-color:#549947;
	border-radius: 6px 6px 6px 6px;
}
.followed {
    background-attachment: scroll;
    background-image: url("../../images/feground/tie.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 27px;
}
.followeo {
	display: inline-block;
    line-height: 1.5;
	padding: 5px 10px;
	*display:block;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-color:#4D4D4D !important;
	border-radius: 4px 4px 4px 4px;

}
.recommend {
    background-position: -10px -110px;
}
.photo {
	max-height: 150px;
	max-width: 80px;
	border:2px solid #7ac943;
}
.blog-pp {
	padding:5px 0 0 0;
}
.blog-pp li:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.blog-pp li {
    background-image: url("../../images/feground/bgx.gif");
    background-position: 0 -319px;
    background-repeat: repeat-x;
    padding: 4px 0;
	min-height:16px !important;
}
.blog-pp p {
	text-align:left !important;	
}
.tr {
    text-align: right !important;
}
li {
    vertical-align: middle;
}
.blog-pp li img {
    float: left;
    margin: 0 8px 0 0;
}
.reply {
	background-attachment: scroll;
	background-image: url(../../images/feground/user-action-bg.png);
	background-position: 0 top;
	background-repeat: repeat-x;
	margin: 0 -20px 0 -20px !important;
	padding: 15px !important;
}
.taglist {
	float:left;	
	padding:5px;
}
.taglist ul, .taglist li, .taglist span{
	float:left;	
	margin:0px 10px 0px 0px;
}

.social-lnk {
	float:right;
	line-height: 32px;
	height:32px;
}
.social-lnk span {
    display: inline-block;
    float: left;
	padding:0px 5px;
}

.reply-area {
	float:none;
	clear:both;	
}
.cmt-area .cmt-dd:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.cmt-area .cmt-dd {
	padding: 10px 0 10px 64px;
	word-wrap: break-word;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-color: #C8C8C8;
}
.cmt-area .pimg {
    float: left;
    margin: 0 0 0 -80px;
    padding-left: 16px;
    width: 64px;
}
.pimg a {
    float: left;
    padding: 0 3px 7px 0;
}
.cmt-area h3:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.cmt-area h3 {
    font-size: 12px;
    height: 24px;
    margin-bottom: 0;
    overflow: hidden;
}
.cmt-area .cmt-dd .cmt-ctnt {
    font-size: 12px;
    padding: 0 16px 0 0;
}
.pr {
    left: 0;
    position: relative;
    top: 0;
}
.txa {
    border-color: #BABABA;
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 12px;
    height: 200px;
    line-height: 21px;
    padding: 2px 2px 0 4px;
    width: 100%;
}
label.ipt-f {
    left: 4px;
    position: absolute;
    top: 4px;
}
.ipt-f {
    color: #BBBBBB;
}
.somecoll {
    background-attachment: scroll;
    background-image: url("../../images/feground/user-tag-bg.png");
    background-position: 0 top;
    background-repeat: repeat-x;
    margin: 0 -20px 0 -20px !important;
    padding: 6px 5px 1px 15px !important;
}
.upload {
	height:auto;
	min-height:200px;
}
.al-prepost {
    margin: 0 0 10px 10px;
    position: relative;
}
.al-covb {
    background-color: #CCCCCC;
    border: 1px solid #808080;
    font-size: 40px;
    line-height: 380px;
    min-height: 380px;
    text-align: center;
    width: 514px;
    z-index: 7;
	overflow: hidden;
}
.al-covb img{
}
.shareIcon {
	margin-left:50px;	
}
.shareIcon img {
    float: left;
    margin-right: 27px;
}
.shareIcon span {
	font-size:30px;
}
.al-covh {
    background-color: #F7F7F7;
    height: 380px;
    left: 60px;
    position: absolute;
    top: 0;
    width: 670px;
    z-index: 8;
}
.clr:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.al-covv {
    background-color: #F7F7F7;
    height: 240px;
    left: -5px;
    position: absolute;
    top: 70px;
    width: 810px;
    z-index: 9;
	line-height: 240px;
}
.publish {
    bottom: 0;
    left: 580px;
    position: absolute;
    width: 250px;
}
.publish .loadimg {
	position:relative;	
}
.al-covb .file {
    cursor: pointer;
    height: 380px;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
	filter: Alpha(opacity=0); 
	right:0;
	width:514px;
	bottom: 0;
}
.publish .loadimg .file:hover {
	background: #3e73b7;
}

.publish-option {
	
}
.publish-option .left, .publish-option .right {
	width:370px;
}
.publish-option .left {
	float:left;
	padding-left: 10px;
	display:inline;
}
.publish-option .right {
	float:right;
	padding-right: 15px;
	display:inline;
}

.al-updv {
    text-align:center;
}
.al-size {
	display:inline;
}
.gray {
	color:#818181;
}
.search-item {
    line-height: 15px;
    padding: 20px 20px 11px;
}
a.search-item:hover {
    color: #333333;
    text-decoration: none;
	background-color:transparent !important;
	box-shadow:none !important;
}
.search-selected {
}
.search-text {
    left: 310px;
    position: absolute;
    top: 55px;
	padding: 10px 5px 0;
}
.search-text input {
	padding: 5px !important;
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FAF7F7;
    border-color: #C2C0C0 #CCCACA #D1CFCF;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px #FFFFFF, 0 1px rgba(34, 25, 25, 0.05) inset;
    float: left;
    font-size: 13px;
    line-height: 1.3;
    width: 185px;
}
.search-text a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C2C0C0 #CCCACA #D1CFCF;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(255, 255, 255, 0.75) inset;
    float: left;
    margin-left: -1px;
    min-height: 19px;
    padding: 7px 7px 2px;
    margin-top: 10px;
}
.search-selected {
    background-attachment: scroll;
    background-image: url("../../images/feground/wrapper-content-title.png");
    background-position: center 48px;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}
.msglist dd:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.msglist dd {
    border-bottom: 1px dashed #CCCCCC;
	padding: 15px 0 5px ;
}
.msglist .xp1, .msglist .xp2, .msglist .xp3, .msglist .xp4, .msglist .xp5 {
    float: left;
}
.xp2 {
    width: 120px;
	padding: 5px 10px 0 0;
}
.xp2 a {
	float:none !important;
}
.xp3 {
    overflow: hidden;
    width: 120px;
    word-wrap: break-word;
}
.xp4 {
    overflow: hidden;
    width: 490px;
    word-wrap: break-word;
}
.clr:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.msg-item {
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #FFFFFF;
    cursor: pointer;
    letter-spacing: 0.6pt;
    padding: 16px 0 8px 16px;
    vertical-align: middle;
}
.pro-pic {
    float: left;
}
.msg-content {
    margin-left: 60px;
    margin-top: -7px;
}
.msg-content span {
    display: block;
    line-height: 24px;
}
.pr {
    left: 0;
    position: relative;
    top: 0;
}
.back-a {
    letter-spacing: 0.3pt;
    position: absolute;
    right: 18px;
    top: 80px;
}
.msg-content span #b1 {
}
.msg-content span b {
    float: right;
    font-weight: normal;
    position: absolute;
    right: 16px;
    top: 0;
}
.re-msg-item {
    overflow: hidden;
    padding: 20px 0 0 0px;
}
.me-msg-item {
    overflow: hidden;
    padding: 20px 0 0 0px;
}
.msg-contentr {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BABABA;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    line-height: 21px;
    margin-left: 83px;
    min-height: 50px;
    width: 460px;
}
.msg-foright {
    right: -17px !important;
}
.pr, .msg-c{
    left: 0;
    position: relative;
    top: 0;
}
.l {
    display: inline;
    float: left !important;
}
.msg-contentl {
    border: 1px solid #BABABA;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    line-height: 21px;
    margin-left: 83px;
    width: 460px;
}
.msg-conn {
    letter-spacing: 1pt;
    padding: 4px 4px 0 8px;
}
.msg-arrow-l {
    background: url("../../images/feground/msgarrow.gif") repeat scroll 0 0 transparent;
    display: block;
    height: 17px;
    left: -17px;
    top: 15px;
    width: 17px;
}
.msg-subtn {
    bottom: -33px;
    left: 0px;
    top: auto;
}
.pa {
    position: absolute;
}
.msg-reply {
    height: 100px;
    margin: 20px 0 0;
    padding: 0 0 0 83px;
}
.msg-txa {
    border: 1px solid #BABABA;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    height: 57px;
    line-height: 21px;
    overflow: hidden;
    padding: 2px 2px 0 4px;
    width: 455px;
}
.right-avatar {
    margin: 0 0 0 0;
}
.r {
    display: inline;
    float: right !important;
}
.msg-arrow-r {
    background: url("../../images/feground/msgarrow.gif") no-repeat scroll 0 -17px transparent;
    display: block;
    height: 17px;
    left: auto;
    right: -16px;
    top: 16px;
    width: 17px;
}
.user-info {
	padding:10px 0;
	margin: 10px 0;
	border-top:1px solid #eee;
}
.user-info span {
    display: inline-block;
    height: 31px;
    line-height: 30px;
    padding-right: 5px;
    text-align: right;
    width: 70px;
}
.user-info a {
	color:#049348;
	font-weight:bold;
}
.catalog-lists .followers-listing .tie-stuff-list, .followers-listing.browse-view .tie-stuff-list {
    float: right;
    margin: 0;
    position: absolute;
    right: 0;
    top: 35px;
}
.tie-stuff-date {
    bottom: 54px;
    float: right;
    margin: 0 10px 0 0;
    position: absolute;
    right: 0;
}

.ui-widget-overlay {
	opacity: 0.3;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../../images/feground/ui-bg_diagonals-thick_20_666666_40x40.png);
	background-repeat: repeat;
	background-position: 50% 50%;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
}
.reg-tag {
	padding:20px;	
}
.reg-tag a:link, .reg-tag a:visited {
    background-color: #FFFFFF;
    color: #838383;
    float: left;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 10px 10px 0;
    overflow: hidden;
    padding: 5px 20px;
    white-space: nowrap;
}

.reg-tag a.added {
    color: #FFF !important;
    cursor: default;
	background-color: #01A101;
}
.usetag a.added {
    border: 1px solid #ADADAD !important;
    color: #ADADAD !important;
    cursor: default;
	 background-color: #01A101;
}
.usetag a:link, .usetag a:visited {
    background-color: #BEE5A3;
    border: 1px solid #2E7D00;
    color: #000;
    float: left;
    line-height: 1.8;
    margin: 0 4px 8px 0;
    overflow: hidden;
    padding: 0 6px;
    white-space: nowrap;
}
.vtab {
	margin: 0 -12px 0 -15px !important;
    padding: 11px 0px 1px 0px !important;
}
.vtab li {
    display: block;
    height: 68px;
    line-height: 28px;
	padding:0 15px
}
.vtab-selected {
    background-attachment: scroll;
    background-position: 0 top;
    background-repeat: repeat-x;
}
.user_icon_1 {
	background-attachment: scroll;
	background-image: url(../../images/feground/user_info.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	display: block;
    height: 25px;
    padding: 5px 40px;
}
.vtab-selected .user_icon_1 {
	background-position: 0px -39px !important;	
}
.user_icon_2 {
	background-attachment: scroll;
	background-image: url(../../images/feground/user_info.png);
	background-repeat: no-repeat;
	background-position: 0px -85px;
	display: block;
    height: 25px;
    padding: 5px 40px;
}
.vtab-selected .user_icon_2 {
	background-position: 0px -129px !important;	
}
.user_icon_3 {
	background-attachment: scroll;
	background-image: url(../../images/feground/user_info.png);
	background-repeat: no-repeat;
	background-position: 0px -172px;
	display: block;
    height: 25px;
    padding: 5px 40px;
}
.vtab-selected .user_icon_3 {
	background-position: 0px -216px !important;	
}
.vtab-selected a {
	color:#000000 !important;
}
.unread * {
	font-weight: bold;		
}
.read * {
	color: #ABABAB;
}

.readonly {
	border:1px solid #fff !important;	
}
.ascending {
	
}

.descending {
	
}
.buy-link {
	padding:0px 0px 10px 0px;
}
.dropdown {
	display: inline-block;	
}
.dropdown a{
	color:#B3B9C7;
	text-decoration:none;
}
.dropdown dt,.dropdown dd,.dropdown ul{margin:0;padding:0}
.dropdown dt a{background:url(../../images/feground/arrow.png) no-repeat 100% 50% ;display:block;}
.dropdown dt a:hover{background:url(../../images/feground/arrow-hover.png) no-repeat 100% 50% ;display:block;}
.dropdown dt a span,.dropdown dd ul li a span{display:none}
.dropdown dd{position:relative}
.dropdown dd ul{
	background-color: #EAEAEA;
    border: 1px solid #B4B9C7;
    color: #C5C0B0;
    left: -6px;
    list-style: none outside none;
    position: absolute;
    top: 10px;
    width: 280px;}
.dropdown dd ul li a{display:block;padding:5px;color:#000}
.dropdown dd ul li a:hover{background-color:#D0C9AF}

.pop_smart_search_result {
    background-color: #FFFFFF;
    border: 1px solid #303540;
    position: absolute;
    width: 320px;
		left:-1px;
		top:49px;
}
.mod_smart_search .mod_smart_search_hd {
    background-color: #F2F2F2;
    border-top: 1px solid #E6E6E6;
    height: 20px;
    line-height: 20px;
}
.mod_smart_search .mod_smart_search_hd h3 {
    font-size: 12px;
    font-weight: bold;
 	padding: 0 0 0 5px;
}
.mod_smart_search .mod_smart_search_hd h3 a {
    display: block;
    padding-left: 10px;
}
.pop_smart_search_result a {
    color: #666666;
    cursor: pointer;
}
.pop_smart_search_result .fn_app {
    cursor: pointer;
    height: 40px;
    padding: 6px 10px;
	float:none;
	display:block;
}
.pop_smart_search_result .fn_app .avatar {
    display: block;
    float: left;
    margin: 0 10px 0 0;
	padding: 0 !important;
}
.mod_smart_search_bd li {
	float:none !important;
	display:block;
	border:none !important;
}
.mod_smart_search_bd ul {
	float:none !important;
	display:block;	
}
.pop_smart_search_result a {
    color: #666666;
    cursor: pointer;
}
.pop_smart_search_result .fn_app .avatar img {
    height: 40px;
    vertical-align: top;
    width: 40px;
}
fieldset, img, a img, iframe {
    border-style: none;
    border-width: 0;
}
.pop_smart_search_result .fn_app .bd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    word-wrap: normal;
}
.pop_smart_search_result .fn_app .op {
    color: #A8A8A8;
    padding: 2px 0 0;
}
.pop_smart_search_result .fn_txt {
    cursor: pointer;
    height: 18px !important;
    margin: 3px 0 4px;
    padding: 1px 10px;
}
.fn_txt a{
	cursor: pointer;
	height: 18px !important;
	padding:0px !important;
	text-align:left !important;
	line-height: 16px !important;
	font-size:13px !important;
	color: #000000 !important;
}
.fn_txt a:hover {
	color: #fff !important;
}

.pop_smart_search_result .show_hand {
    background-color: #F7F7F8;
    color: #389ACD;
    cursor: pointer;
    height: 31px;
    line-height: 31px;
    position: relative;
    text-align: center;
    z-index: 2;
}
.null {
	min-height:300px;	
}
.popoutlogin {
    border-top: 1px solid #EEEEEE;
    margin: 30px 0 0;
    padding: 10px;
}
.popoutlogin a {
	margin-right:10px;
	float:left;
}
.popoutlogin a img {
    float: left;
    padding: 2px;
}
.help li {
	list-style: circle inside none;
    padding: 5px 0;
}
.help li.current {
	list-style: disc inside none !important;
}
.for-cont{
	
}
.for-cont img {
	max-width:620px;
}
.for-cont h2:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.for-cont h2 {
    border-bottom: 1px solid #EEEEEE;
    border-left: 6px solid #AAAAAA;
    font-family: '微软雅黑';
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 10px;
    padding-left: 5px;
}
.al-u {
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    height: 140px;
    margin: 4px 0 0;
    overflow-y: scroll;
    padding: 10px 0;
    width: 100%;
}
.al-u a {
    background-color: #F7F7F7;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 10px 8px 0;
    overflow: hidden;
    padding: 2px 0 2px 4px;
    width: 96px;
    word-wrap: break-word;
}
a.cur {
	background-color:#84C449;
	color: #FFFFFF !important;
	font-weight:bold;
}
.al-tt {
	margin:-10px 0px 10px 0px;
}
.fa-cabinp input {
    float: left;
    height: 20px !important;
    margin: 11px 10px 0 0;
    padding: 3px 5px !important;
}
.fa-albu-new {
	margin:10px 0px 0px 0px;	
}
.fa-cabinp input {
    display: none;
}
.fa-cabbtn {
	color:#588cc7 !important;	
}
.fa-crttog .fa-cabinp input {
    display: block;
}
.fa-crttog .fa-cabbtn {
    display: none;
}
.fa-cabinp input {
	margin:1px 5px 0px 0px !important;	
}
.fa-albu-new button {
	margin:0px !important;	
}
.msgpopup {
    background-color: #FF0000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 10px;
    height: 15px;
    line-height: 14px;
    min-width: 15px;
    padding: 0 1px 0 0;
    position: absolute;
    right: 1px;
    text-align: center !important;
    text-indent: 0;
    top: 5px;
    vertical-align: middle;
}
.tooltip {
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    height: 70px;
    padding: 25px;
    width: 160px;
}
.landnav {
	margin: 0px;
}
.landnav li {
    background: url("../../images/feground/landing-bg.gif") no-repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 40px;
    width: 320px;
}
.landnav li.nav-0 {
    background-position: 0 0px;
}
.landnav li.nav-1 {
    background-position: 0 -40px;
}
.landnav li.nav-2 {
    background-position: 0 -80px;
}
.landnav li.nav-3 {
    background-position: 0 -120px;
}
.landnav li span {
    display: block;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}
dl.part-full {
    border-top: 1px solid #F7F7F7;
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 0;
}
dl.part-full dd {
    background-color: #FFFFFF;
    border: 1px solid #D7EAFB;
    float: left;
    height: 280px;
    margin: 0 0 20px 20px;
    width: 135px;
	text-align:center;
}
dl.part-full .cb-pp {
    float: left;
    font-size: 14px;
    height: 138px;
    overflow: hidden;
    padding: 8px;
    width: 120px;
}
.cb-pp img {
    display: block;
}
dl.part-full dd p {
    font-size: 12px;
    height: 74px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 4px;
}
.batch {
	text-align:right;	
}
.time {
    color: #FF0000;
    font-size: 30px;
    margin: 0 10px 0 0;	
}
.group {
	padding:10px 10px 0 0;	
	height:20px;
	position:relative;
	width:500px;
}
.group ul li {
	list-style:none;
	float:left;
	display:inline-block;
	padding:2px 5px;
	margin:0px 2px;
}
.group-selected {
	background-color:#ABABAB;
}
.group-selected a {
	color:#fff;
}
.group .more {
	display:inline-block;
	position:relative;
}
.more-list {
	display:none;
	position:absolute;
	width:150px !important;
	z-index:9999;
	border:1px solid #eee;
	background-color:#fff;
	top:30px;
}

.group .more-list li {
	float:none !important;
	display:block;
    list-style: none outside none;
    margin: 0px !important;
	padding:0px !important;
}
.group .more-list li a {
  display:block;
  padding: 5px 5px;
}

.group .more-list li a:hover {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding: 5px 5px;
	background-color: #EAEAEA;
}
.more-li {
    background-attachment: scroll;
    background-image: url("../../images/feground/arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding: 2px 15px 2px 2px !important;
}
.more-li:hover {
    background-attachment: scroll;
    background-color: #EEEEEE;
    background-image: url("../../images/feground/arrow-hover.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding: 2px 15px 2px 2px !important;
}
.msg-details  {
	display:none;
	position:absolute;
	width:150px !important;
	z-index:9999;
	border:1px solid #303540;
	background-color:#fff;
	top:49px !important;
	min-width:150px !important;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
	left:auto !important;
}
.msg-details  li:first-child {
    border-left: none !important;
}
.msg-details li.msg-details-li {
	float:none !important;
	display:block !important;
    list-style: none outside none;
    margin: 0px !important;
	padding:0px !important;
}
.msg-details li.msg-details-li a{
	float:none !important;
	display:block !important;
    list-style: none outside none;
    margin: 0px !important;
	padding:0px 0px 0px 5px !important;
	text-align:left !important;
	color:#000000 !important;
}
.msg-details li.msg-details-li a:hover{
	float:none !important;
	display:block !important;
    list-style: none outside none;
    margin: 0px !important;
	padding:0px 0px 0px 5px !important;
	text-align:left !important;
	color:#ffffff !important;
}
.msg-new-textarea {
	width:350px;
	height:100px;	
}
.rreply {
	margin: 0 10px;
	display:inline-block;
}
.cmt-related {
	display:none;
	margin:3px 0px 0px 0px;
}
.win-rreply .rreply {
	display:none !important;
}

.win-rreply .cmt-related {
	display:block;
}
.win-rreply button {
	margin-top:0px !important;
}
.ablist-new:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
div.ablist-new {
    height: auto;
}
.mtctrl {
    margin: 16px 0 0;
}
.ablist-new .dym {
    float: left;
    height: 60px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    padding: 0 0 0 1px;
    width: 195px;
}
.ablist-new .albbigimg {
    height: 50px;
    position: relative;
}
.ablist-new .lev0, .ablist-new .lev1, .ablist-new .lev2 {
    background-color: #FFFFFF;
    border: 1px solid #D8D8D8;
    height: 50px;
    left: 0;
    line-height: 50px;
    overflow: hidden;
    padding: 1px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 187px;
}
.ablist-new p.lev2 {
    left: 4px;
    top: 0;
}
.ablist-new p.lev1 {
    left: 2px;
    top: 2px;
}
.ablist-new a.lev0:link, .ablist-new a.lev0:visited {
}
.ablist-new .lev3 {
    background-color: #000000;
    height: 28px;
    opacity: 0.3;
	filter:alpha(opacity=30);
    width: 188px;
}
.ablist-new .lev3, .ablist-new .albbigimg div {
    bottom: 2px;
    color: #FFFFFF;
    left: 2px;
    line-height: 28px;
    position: absolute;
}
.ablist-new li {
    color: #666666;
    padding: 4px 0;
    width: 187px;
}
.ablist-new li.clr img {
    float: left;
    height: 24px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    width: 24px;
}

#back-top {
	bottom: 0;
    position: fixed;
    right: 100px;
}

#back-top a {
	width: 55px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	-moz-transition: all 1s ease 0s;
    background-color: #DDDDDD;
    background-image: url("../../images/feground/go-top.png");
    background-position: center 0;
    background-repeat: no-repeat;
    border-radius: 2px 2px 2px 2px;
    display: block;
    height: 50px;
    width: 55px;
}
#back-top a:hover span {
	background-color: #777;
	background-image: url("../../images/feground/go-top.png");
    background-position: center 0;
    background-repeat: no-repeat;

}

.randomImg {
    margin-top: 8px;
    position: absolute;
}

.feeds_comment_v2 {
    margin-bottom: 3px;
	margin-top:5px;
	border-top:1px solid #eeeeee;
	padding-top:5px;
}

.feed .f_item .f_ang_t {
    border-width: 0 0 1px;
    height: 5px;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
    vertical-align: baseline;
}

.mod_comments .comments_list .comments_content {
    line-height: 1.6;
    margin-bottom: -4px;
    min-height: 35px;
    position: relative;
    top: -4px;
	padding-bottom: 2px;
}
.mod_comments .comments_list .comments_item:first-child {
    border: medium none;
    margin-top: 0;
    padding-top: 0;
}
.mod_comments .comments_list .bor3 {
    border-style: dashed;
    border-width: 1px 0 0;
	border-color: #EEEEEE;
}
.mod_comments .comments_list .comments_item {
    list-style: none outside none;
    padding-top: 5px;
}
.mod_comments .comments_list .comments_item .comments_item_bd {
    padding: 0 0 0 40px;
    position: relative;
}
.mod_comments .comments_list .ui_avatar {
    left: 0;
    position: absolute;
    top: 0;
}
.mod_comments .comments_list .ui_avatar img {
    border-radius: 2px 2px 2px 2px;
    height: 30px;
    width: 30px;
}
.feed img {
    vertical-align: top;
}
.searchArea {
    background-attachment: scroll;
    background-image: url("../../images/feground/search_box.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 41px;
    width: 170px;
}
.searchArea input {
    background-color: transparent;
    border: medium none;
    height: 15px;
    left: 5px;
    margin-top: 0 !important;
    padding: 1px;
    position: absolute;
    top: 5px;
    width: 131px;
}
.search-button {
    background-attachment: scroll;
    background-image: url("../../images/feground/search-button.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 22px;
    position: absolute;
    right: 6px;
    top: 2px;
    width: 22px;
}
.user-section {
	margin: 20px 10px !important;
    width: 170px !important;
	height:500px;min-height: 500px;
}
.userList {
	margin-top: 35px;
}
.userList li {
	padding:0px;
	position:relative;
}
.userList li a{
	display:block;
	height:40px;
	line-height:40px;
	padding-left:50px;	
	color:#000;
}
.userList li em {
	color: #FFFFFF;
	left: 5px;
	position: absolute;
	top: 14px;
	font-style: normal !important;
}
.userList .li-selected {
    background-attachment: scroll;
    background-image: url("../../images/feground/li-selected.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 41px;
    margin-left: -20px;
    padding-left: 20px;
    width: 200px;
}
.userList .li-selected a{
	font-size:12px;
}
.li-selected em {
	left:24px !important;	
}
.share-icon {
	background-attachment: scroll;
	background-image: url(../../images/feground/share.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:40px;
	font-size:12px;
}
.vote-icon {
	background-attachment: scroll;
	background-image: url(../../images/feground/vote.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:40px;
}
.votes-icon {
	background-attachment: scroll;
	background-image: url(../../images/feground/votes.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:40px;
}
.fans-icon {
	background-attachment: scroll;
	background-image: url(../../images/feground/fans.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:40px;
}
.img-view {
    margin: 20px 0 0 135px;
    overflow: hidden;
    width: 320px;
}
.view-action {
    background-attachment: scroll;
    background-image: url("../../images/feground/view.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 23px;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    width: 125px;
}
.view-action ul li {
	float:left;	
}
.view-share-bg {
    background-attachment: scroll;
    background-image: url("../../images/feground/view_share_bg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 21px;
    left: -30px;
    padding: 28px 10px 13px 10px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 99px;
    z-index: 6000;
	display:none;
}
.view-vote {
	display: inline-block;
    padding: 5px 15px 0 25px;
	color:#000 !important;
}
.view-share{
    padding: 5px 10px 0 25px;
	position:relative;
}
.view-share a {
	display: inline-block;
	color:#000 !important;
}
.view-share:hover .view-share-bg {
	display:block !important;	
}
.view-share-bg * {
	padding:4px 3px;
	text-indent:-9999px;
}
.icon-kaixin001 {
	background-attachment: scroll;
	background-image: url(../../images/feground/16-kaixin001.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:16px;
	height:16px;
	display:inline-block;
}
.icon-renren {
	background-attachment: scroll;
	background-image: url(../../images/feground/16-renren.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:16px;
	height:16px;
	display:inline-block;
}
.icon-qqweibo {
	background-attachment: scroll;
	background-image: url(../../images/feground/16-qqweibo.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:16px;
	height:16px;
	display:inline-block;
}
.icon-weibo {
	background-attachment: scroll;
	background-image: url(../../images/feground/16-weibo.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:16px;
	height:16px;
	display:inline-block;
}
.detail {
	position:relative;
	text-align: right;
}
.detail .price {
    background-color: #FFFFFF;
    border-radius: 0 0 0 5px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    opacity: 0.7;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.img-details {
    left: 560px;
    position: absolute;
    top: 65px;
}
.img-details table {
	margin:0 0 10px 0;
}
.img-details td {
	padding:10px;
	border-bottom:1px dotted #000;
	vertical-align:central;
}	
.HeaderContainer {
	position:relative;
}
.HeaderContainer:hover ul {
	display: block !important;
}
.HeaderContainer ul {
	display: none;
    position: absolute !important;
	top:66px !important;
	left:-135px !important;
	height:105px !important;
	overflow:hidden;
	width:425px !important
}
.CategoriesDropdown {
	z-index:5001;
	display: block;
    position: absolute !important;
	left:0;
	width:100%;
	padding:10px;
}
.CategoriesDropdown-bg {
    background-color: #E5E5E5;
	border-radius: 5px 5px 5px 5px;
    border: 1px solid #CCCACA !important;
    bottom: 0;
    box-shadow: 0 2px 4px rgba(34, 25, 25, 0.5);
    left: 0;
    opacity: 0.8;
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 5000;
	height:100px !important;
}
.SubmenuColumn {
	color:#000000 !important;
}
.SubmenuColumn td {
	padding:3px 10px;
}
.login {
	width:324px;
	float:left;
	background-attachment: scroll;
	background-image: url(../../images/feground/login-from.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	height:345px;
}
.reg {
	float:left;	
	width:165px;
	padding:0 0 0 20px;
}
.login-close {
	width:18px;
	height:18px;
	display:block;
	position:absolute;
	right:2px;
	top:2px;
	background-attachment: scroll;
	background-image: url(../../images/feground/login-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding:5px;
}
.login-close:hover {
	background-color:#fff;
}
.welcome {
	font-size:16px;
	color:#7ac943;
}
.reg-welcome {
	font-size:16px;
	color:#f7931e;
}
.icon_email {
	margin:10px;
	background-attachment: scroll;
	background-image: url(../../images/feground/outbox-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;		
}